.hidden {
    display: none !important
}

.popup-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    top: 0;
    left: 50%;
    margin-left: -50%;
    z-index: 100
}

.popup-contents.toast-big {
    width: 6.66667rem;
    height: 3.53333rem;
    left: 50%;
    top: 50%;
    margin-left: -3.33333rem;
    margin-top: -1.77333rem;
    background: rgba(0, 0, 0, .5);
    font-size: 16px;
    line-height: 3.53333rem;
    vertical-align: middle;
    color: #fff
}

.popup-contents.toast-big .order_twoline {
    height: 3.53333rem
}

.popup-contents.toast-big .order_twoline p {
    line-height: 30px
}

.popup-contents.toast-big .popup-main {
    margin: 0
}

.popup-contents.toast-big .popup-info {
    padding: 0
}

.popup-contents.toast-middle {
    width: 160px;
    height: 80px;
    left: 50%;
    top: 50%;
    margin-left: -80px;
    margin-top: -40px;
    background: rgba(0, 0, 0, .5);
    font-size: 16px;
    line-height: 80px;
    vertical-align: middle;
    color: #fff;
    border-radius: .266667rem;
    z-index: 1001
}

.popup-contents.toast-middle .popup-main {
    margin: 0
}

.popup-contents.toast-middle .popup-info {
    padding: 0
}

.popup-contents.toast-qingqing {
    box-sizing: border-box;
    position: fixed;
    top: 40%;
    width: 80%;
    left: 50%;
    margin-left: -40%;
    line-height: 30px;
    text-align: center;
    background: #333;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    height: 50px
}

.popup-contents.toast-qingqing.zIndex1000 {
    z-index: 1000
}

.popup-contents.toast-qingqing.auto_height {
    height: auto
}

.popup-contents.toast-qingqing .popup-main {
    margin: 0
}

.popup-contents.toast-qingqing .popup-info {
    padding: 0
}

.popup-contents.toast-qingqing .toast-message {
    background: #333
}

.popup-contents.auto-height {
    height: auto
}

.popup-contents.auto-height .popup-shtml, .popup-contents .popup-main .popup-shtml {
    margin-bottom: 0
}

.popup-contents.flex-pop.wc60 {
    width: 65%;
    margin-left: -32.5%;
    z-index: 1001
}

.popup-contents.flex-pop.wc70 {
    width: 70%;
    margin-left: -35%;
    z-index: 1001
}

.popup-contents.flex-pop.wc80 {
    width: 80%;
    margin-left: -40%;
    z-index: 1001
}

.popup-contents.flex-pop .popup-shtml {
    margin-bottom: 0
}

body .popup-contents {
    height: auto
}

.popup-contents.flex-pop {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    resize: vertical;
    overflow: auto;
    position: fixed;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup-contents.flex-pop .popup-main {
    margin: 0
}

.popup-contents.flex-pop .popup-shtml {
    padding: 10px
}

.popup-contents.flex-pop .popup-info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0
}

.popup-contents.flex-pop .common-notice {
    line-height: 1.8;
    font-size: 14px;
    color: #7f7f7f
}

.popup-contents.flex-pop .download-btn {
    font-size: 14px;
    margin-top: 10px;
    background: #f0f0f0;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    vertical-align: middle;
    color: #fff;
    border-radius: 8px;
    background: #f60
}

.popup-contents.flex-pop .btns {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

.popup-contents.flex-pop .btns .btnCancle {
    color: #a5a5a5;
    border-right: 1px solid #e9e9e9
}

.popup-contents.flex-pop .btns .btnCancle, .popup-contents.flex-pop .btns .btnConfirm {
    border-top: 1px solid #e9e9e9;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 2;
    padding-top: .133333rem;
    padding-bottom: .133333rem;
    vertical-align: middle;
    text-align: center;
    display: block
}

.popup-contents.flex-pop .btns .btnConfirm {
    color: #23cd77
}

.page_two_padding {
    padding-top: .333333rem;
    padding-bottom: .333333rem
}

.popup-mask {
    background-color: rgba(1, 1, 1, .8)
}

.popup-contents.toast_icon_wrap {
    padding-top: .533333rem;
    width: 5.33333rem;
    height: 2.93333rem;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    font-size: 14px;
    top: 50%;
    margin-top: -1.46rem;
    left: 50%;
    margin-left: -2.67rem
}

.popup-contents.toast_icon_wrap .icon_ok {
    width: 1rem;
    height: 1rem;
    background: url(https://static.changingedu.com/static/assets/common/images/common_icons/icon_ok.131891815970650593ce451fede80ba8.png) no-repeat;
    background-size: 100% 100%;
    margin-left: auto;
    margin-right: auto
}

.popup-contents.toast_icon_wrap .txt {
    margin-top: .266667rem;
    padding-bottom: .6rem
}

.popup-contents.toast_icon_wrap .popup-main {
    margin: 0
}

.popup-contents.toast_icon_wrap .popup-info {
    padding: 0
}

.wc100 {
    width: 100%
}

.bWhite {
    background: #fff
}

.mt12 {
    margin-top: 12px
}

.ml20 {
    margin-left: 20px
}

.ml10 {
    margin-left: 10px
}

.bold {
    font-weight: 700
}

.mt5 {
    margin-top: 5px
}

.ml25 {
    margin-left: 25px
}

.ml5 {
    margin-left: 5px
}

.mt10 {
    margin-top: 10px
}

.visHidden {
    visibility: hidden
}

.cBlue {
    color: #49a8ee
}

.max-600 {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

.pdb50 {
    padding-bottom: 50px
}

.mt30 {
    margin-top: 30px
}

.mtR20 {
    margin-top: .266667rem
}

.alCenter {
    text-align: center
}

.abs {
    position: absolute
}

.mtR10 {
    margin-top: .133333rem
}

.mt40 {
    margin-top: 40px
}

.mt20 {
    margin-top: 20px
}

.mtR200 {
    margin-top: 2.66667rem
}

.mtR30 {
    margin-top: .4rem
}

.maxF100 {
    width: 100%;
    height: auto
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cf:after {
    visibility: hidden;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.cf, .cf:after {
    display: block
}

.max100 {
    width: 100%;
    height: auto
}

.mt35 {
    margin-top: 35px
}

.bgwhite {
    background: #fff
}

.cGrey {
    color: #999
}

.mr20 {
    margin-right: 20px
}

.mrR20 {
    margin-right: .266667rem
}

.mlR25 {
    margin-left: .333333rem
}

.c_g_main {
    color: #333 !important
}

.c_g_sub {
    color: #999 !important
}

.c_g_ssub {
    color: #666 !important
}

.common_flex_container .fixed-container .popup-common-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    top: 0;
    left: 50%;
    margin-left: -50%;
    z-index: 6;
    background: rgba(0, 0, 0, .5)
}

.common_flex_container .content {
    margin-top: .333333rem;
    line-height: 1.8;
    padding: .333333rem;
    font-size: 14px
}

.common_flex_container .fixed-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.common_flex_container .flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 100%;
    height: 100%
}

.common_flex_container .pop-common {
    background: #fff;
    width: 8.06667rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 7
}

.common_flex_container .icon-back {
    height: 1.33333rem;
    line-height: 1.33333rem;
    width: 100%;
    border-top: 1px solid #ebebeb;
    vertical-align: middle;
    text-align: center;
    color: #23cd77;
    font-size: 16px
}

.common_flex_container .pop-close {
    position: absolute;
    width: .746667rem;
    height: .746667rem;
    right: -.186667rem;
    top: -.186667rem;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    background-color: #fff
}

.common_flex_container .pop-close em {
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/sprite/m_teacher.39b3905d811bccde91a17acef49be93e.png) no-repeat;
    background-size: 16.92rem 13.2133rem;
    background-position: -10.5733rem -10.1733rem;
    width: .4rem;
    height: .4rem;
    margin-top: -.2rem;
    margin-left: -.2rem;
    left: 50%;
    top: 50%
}

.js-homeview, body {
    width: 100%;
    height: 100%
}

.js-homeview {
    position: absolute;
    left: 0;
    top: 0
}

.js-show-canvas-pop em {
    font-weight: 400
}

.mti0 {
    margin-top: 0 !important
}

.ovh-x {
    overflow-x: hidden
}

.page {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    background-color: #f0f0f0
}

.ptR25 {
    padding-top: .333333rem
}

.swipe-page {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.mbR20 {
    margin-bottom: .266667rem
}

.mtR20 {
    margin-right: .266667rem
}

.pti0 {
    padding-top: 0 !important
}

.mlR20 {
    margin-left: .266667rem
}

.mlR10 {
    margin-left: .133333rem
}

.mtR25 {
    margin-top: .333333rem
}

.rel {
    position: relative
}

.mt0 {
    margin-top: 0
}

.flex-box {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.fl {
    float: left
}

.fr {
    float: right
}

.audition_limit_info {
    color: #999;
    text-align: left;
    padding-left: .333333rem;
    padding-right: .333333rem;
    margin-top: 10px
}

.third-level-comments-pad {
    padding-top: 1.666666rem
}

.app_comments .common-pad {
    padding-top: 64px
}

.app_comments.comment-wrap .tag-grade {
    top: 64px
}

.app_comments .new_m_header {
    height: 64px
}

.app_comments .new_m_header:before {
    width: 100%;
    height: 20px;
    background-color: #f7f7f7;
    content: "";
    display: block
}

.app_comments .new_m_header .header {
    height: 44px;
    display: block;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background-color: #f7f7f7
}

.app_comments .new_m_header i.returnBack {
    height: 44px;
    line-height: 44px;
    background-size: 9px 15px
}

.app_comments .new_m_header .header h3 {
    line-height: 44px;
    height: 100%;
    vertical-align: middle;
    color: #333;
    overflow: visible;
    max-width: 70%;
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px
}

.app_comments .new_m_header .tag-switch {
    margin-top: 0;
    position: relative;
    top: 6px
}

.app_comments .new_m_header .tag-switch div {
    height: 30px;
    line-height: 30px
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) and (-webkit-device-pixel-ratio: 3) {
    .app_comments .new_m_header {
        height: 74px
    }

    .app_comments.comment-wrap .tag-grade {
        top: 74px
    }

    .app_comments .common-pad {
        padding-top: 74px
    }

    .app_comments .new_m_header:before {
        width: 100%;
        height: 20px;
        background-color: #f7f7f7;
        content: "";
        display: block
    }

    .app_comments .new_m_header .header {
        height: 54px;
        display: block;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #ccc;
        background-color: #f7f7f7
    }

    .app_comments .new_m_header i.returnBack {
        height: 54px;
        line-height: 54px;
        background-size: 10px 16px
    }

    .app_comments .new_m_header .header h3 {
        line-height: 54px
    }

    .app_comments .new_m_header .tag-switch {
        margin-top: 0;
        position: relative;
        top: 8px
    }

    .app_comments .new_m_header .tag-switch div {
        height: 35px;
        line-height: 35px
    }
}

.css-app-ta .new_m_header i.returnBack {
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/tips_lj_ta.dac5ba846275ffec36c80906c432ff91.png)
}

.css-app-ta .comment-header .tag-switch {
    border: 1px solid #fe9900;
    color: #fe9900
}

.css-app-ta .comment-header .tag-switch div.active {
    background: #fe9900
}

.css-app-teacher .new_m_header i.returnBack {
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/tips_lj_teacher.4d893912ed1b7961364eb25862493c22.png)
}

.css-app-teacher .comment-header .tag-switch {
    border: 1px solid #496eda;
    color: #496eda
}

.css-app-teacher .comment-header .tag-switch div.active {
    background: #496eda
}

.new_m_header {
    display: block;
    width: 100%;
    height: 1.4rem;
    top: 0;
    left: 0;
    position: fixed;
    color: #fff;
    z-index: 98
}

.new_m_header .r_p {
    position: absolute;
    height: 100%;
    line-height: 1.4rem;
    vertical-align: middle;
    padding-right: .333333rem;
    color: #23cd77;
    font-size: 14px;
    right: 0;
    top: 0;
    z-index: 2;
    min-width: 1rem;
    text-align: right
}

.new_m_header .common-margin {
    margin-top: 1.4rem
}

.new_m_header .header {
    display: block;
    width: 100%;
    height: 1.4rem;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background-color: #f7f7f7;
    z-index: 100
}

.new_m_header .header h3 {
    height: 100%;
    line-height: 1.4rem;
    vertical-align: middle;
    color: #333;
    overflow: visible;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: .426667rem
}

.new_m_header .header .rechoose {
    width: 20%;
    height: 100%;
    line-height: 1.4rem;
    color: #23cd77;
    font-size: .373333rem;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0
}

.new_m_header header {
    display: block;
    width: 100%;
    height: 1.4rem;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background-color: #f7f7f7;
    z-index: 100
}

.new_m_header i.returnBack {
    height: 1.4rem;
    line-height: 1.4rem;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/tips_lj_green.bd07b77c2474c0608cb141b67f631258.png) no-repeat;
    background-size: .28rem .48rem;
    background-position: 50%;
    padding-left: 0;
    width: 1rem
}

.new_m_header header h3 {
    height: 100%;
    line-height: 1.4rem;
    vertical-align: middle;
    color: #333;
    overflow: visible;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px
}

.new_m_header.studentcommentWrap header h3 {
    overflow: hidden
}

.download-wrap {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: 4
}

.download-wrap .head-download {
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    display: block;
    height: 1.66667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/sprite/icon-min.cfba17a9350508b24315182d7501e96a.png) no-repeat;
    background-position: -10.2667rem -2.8rem;
    background-size: 20.2667rem 15.56rem
}

.download-wrap .head-download > div {
    width: 2.37333rem;
    height: 1rem;
    position: absolute;
    top: .333333rem;
    right: 20px;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/sprite/icon-min.cfba17a9350508b24315182d7501e96a.png) no-repeat;
    background-position: -14.1867rem -7.57333rem;
    background-size: 20.2667rem 15.56rem
}

.js-audition {
    position: fixed;
    height: 1.33333rem;
    bottom: 0;
    width: 100%;
    z-index: 14
}

.first_class .first_class_onsale {
    width: 100%;
    line-height: .8rem;
    font-size: .32rem;
    background-color: #fff
}

.first_class .first_class_onsale em {
    border-radius: 2px;
    padding: 1px 2px;
    color: #fff;
    background: #f60;
    margin-right: 3px
}

.first_class .first_class_onsale .first_class_wrap {
    box-sizing: border-box;
    padding: .266667rem;
    border-top: 1px solid #f0f0f0
}

.first_course_discount_mark {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 999
}

.first_course_discount_mark .discount_wrap {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    box-sizing: border-box;
    padding: .506667rem .333333rem 1rem
}

.first_course_discount_mark .discount_wrap .discount_title {
    text-align: center;
    font-size: .4rem;
    font-weight: 700;
    color: #333;
    position: relative
}

.first_course_discount_mark .discount_wrap .discount_title .discount_close {
    position: absolute;
    top: 0;
    right: 0;
    width: .466667rem;
    height: .466667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/610/icon_teacher_shouketoast_close.bcb452a801762534a576edb509f518fd.png) no-repeat;
    background-size: 100%;
    background-position: 50%
}

.first_course_discount_mark .discount_wrap .discount_main {
    margin-top: .666667rem;
    font-size: .4rem;
    position: relative
}

.first_course_discount_mark .discount_wrap .discount_main em {
    position: absolute;
    left: 0;
    top: 0;
    font-size: .32rem;
    border-radius: 2px;
    padding: 1px 2px;
    color: #fff;
    background: #f60;
    margin-right: 3px
}

.first_course_discount_mark .discount_wrap .discount_main .discount_txt {
    padding-left: 1.8rem;
    font-size: .373333rem
}

.bottom-wrap {
    width: 100%;
    height: 100%;
    z-index: 4
}

.bottom-wrap .flex-wrap {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.bottom-wrap .flex-wrap > div {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    vertical-align: middle;
    line-height: 1.33333rem;
    height: 1.33333rem;
    text-align: center;
    background: #fff;
    color: #f60;
    font-size: 18px
}

.bottom-wrap .flex-wrap > div.tuan {
    background: #f90
}

.bottom-wrap .flex-wrap > div.tuan a {
    color: #fff
}

.bottom-wrap .flex-wrap .free-audition a {
    border-left: 2px solid #fff;
    height: 1.2rem;
    line-height: 1.2rem;
    position: relative;
    top: .167rem
}

.bottom-wrap .flex-wrap > div:last-child {
    background: #f60;
    border-left: none
}

.bottom-wrap .flex-wrap > div:last-child a {
    color: #fff
}

.bottom-wrap .flex-wrap a {
    color: #f60;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.fix-abs {
    position: absolute !important
}

.teacher-new {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    padding-bottom: 1.7rem
}

.teacher-new .price-wrap {
    height: .6rem
}

.teacher-new .canvas-pop {
    height: .8rem
}

.teacher-new .header {
    height: .986667rem;
    line-height: .986667rem;
    font-size: 16px;
    border-bottom: 1px solid #e9e9e9
}

.teacher-new .header .expand-info {
    position: absolute;
    right: .333333rem;
    top: 0;
    height: .986667rem;
    line-height: .986667rem;
    font-size: 14px;
    color: #999
}

.teacher-new .title-wrap .expand-info {
    position: absolute;
    right: .333333rem;
    top: 0;
    height: .666667rem;
    line-height: .666667rem;
    font-size: 14px;
    color: #999
}

.teacher-new .icon_more {
    position: absolute;
    width: .5rem;
    height: 100%
}

.teacher-new .icon_more > div {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    margin-left: -.08rem;
    height: .28rem;
    width: .173333rem;
    margin-top: -.14rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/icons/icon-btn-more.f5774966148596f37a1fcac291bd4b76.png) no-repeat;
    background-size: 100% 100%
}

.certWrap h2 {
    margin: 0;
    font-size: 18px;
    line-height: 1.7
}

.certWrap p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    word-break: break-all
}

.cert-wrapper {
    box-sizing: border-box;
    padding-left: .333333rem;
    padding-right: .333333rem;
    background: #fff;
    height: 1rem;
    position: relative
}

.cert-wrapper .icon_more {
    position: absolute;
    width: .5rem;
    height: 100%;
    right: .2rem
}

.cert-wrapper .icon_more > div {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    margin-left: -.08rem;
    height: .28rem;
    width: .173333rem;
    margin-top: -.14rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/icons/icon-btn-more.f5774966148596f37a1fcac291bd4b76.png) no-repeat;
    background-size: 100% 100%
}

.cert-wrapper .item {
    font-size: .32rem;
    margin-right: .25rem;
    color: #666;
    float: left;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle
}

.cert-wrapper .item .cert_wrap {
    width: .5rem;
    position: relative;
    height: 1rem;
    line-height: 1rem
}

.cert-wrapper .item .cert_wrap em {
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -.746667rem -4.96rem;
    overflow: hidden
}

.cert-wrapper .item .cert_wrap b, .cert-wrapper .item .cert_wrap em {
    width: .346667rem;
    height: .346667rem;
    position: absolute;
    top: 50%;
    margin-top: -.16rem;
    vertical-align: middle;
    background-size: 5.73333rem 5.30667rem
}

.cert-wrapper .item .cert_wrap b {
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: 0 -4.96rem
}

.cert-wrapper .item span {
    line-height: 1rem;
    vertical-align: middle
}

.cgrey {
    color: #666
}

.border-b-dot {
    border-bottom: 2px dotted #e9e9e9
}

.self-description {
    padding-left: .333333rem;
    padding-right: .333333rem;
    padding-bottom: .333333rem;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
    color: #333
}

.self-description .header {
    border-bottom: none
}

.self-description .title-wrap {
    height: .666667rem;
    line-height: .666667rem;
    color: #666;
    font-size: 14px;
    box-sizing: content-box;
    padding-bottom: .333333rem
}

.self-description .title-wrap .l-b {
    height: .373333rem;
    width: .106667rem;
    margin-top: .15rem;
    vertical-align: middle;
    background: #24cd77
}

.self-description .title-wrap .title {
    margin-left: .266667rem;
    color: #24cd77;
    font-size: 16px
}

.self-description .cert-history.cert-history-detail {
    line-height: 1.7
}

.self-description .cert-history.cert-history-detail h3 {
    margin-top: .266667rem;
    color: #333;
    font-size: 14px
}

.self-description .cert-history.cert-history-detail p {
    color: #999
}

.self-description .cert-history .item:last-child {
    position: relative
}

.self-description .cert-history .item:last-child .r {
    border-bottom: none
}

.self-description .cert-history .item:last-child .mask {
    position: absolute;
    left: .16rem;
    top: .16rem;
    width: 2px;
    height: 100%;
    background: #fff;
    z-index: 2
}

.self-description .cert-history .item:last-child .mask-icon {
    top: .85rem;
    position: absolute;
    left: .16rem;
    width: .0666667rem;
    height: .6rem;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/icon_desc_bot.f644976daa3096f2162c07206c43f82f.png) no-repeat;
    background-size: 100% 100%;
    z-index: 3
}

.self-description .cert-history .mask {
    position: absolute;
    left: .16rem;
    top: 0;
    width: 2px;
    height: .26rem;
    background: #fff;
    z-index: 2
}

.self-description .cert-history .vert-line {
    position: absolute;
    left: .16rem;
    top: 0;
    width: 2px;
    height: 100%;
    background: #e9e9e9
}

.self-description .cert-history .l {
    width: .4rem;
    height: .533333rem;
    box-sizing: content-box;
    margin-top: .26rem;
    float: left
}

.self-description .cert-history .l > div {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 3;
    background: #fff
}

.self-description .cert-history .l .circle {
    position: absolute;
    width: .293333rem;
    height: .293333rem;
    left: 50%;
    top: 50%;
    margin-left: -.146667rem;
    margin-top: -.146667rem;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    background: #23cd76
}

.self-description .cert-history .r {
    padding-top: .333333rem;
    padding-bottom: .333333rem;
    margin-left: .666667rem;
    border-bottom: 2px dotted #e9e9e9
}

.self-description .cert-history .r h2 {
    color: #666;
    line-height: .4rem;
    font-size: 16px
}

.self-description .cert-history .r h3 {
    font-size: 14px;
    margin: 0;
    margin-top: .266667rem
}

.self-description .cert-history .r p {
    margin-top: .266667rem
}

.self-description .cert-example {
    line-height: 1.7
}

.self-description .cert-example .item {
    padding-top: .266667rem;
    padding-bottom: .266667rem;
    border-top: 2px dotted #e9e9e9
}

.self-description .cert-example h2 {
    color: #333;
    margin-bottom: .266667rem;
    font-size: 15px
}

.self-description .cert-example p {
    color: #999
}

.self-description .cert-school .title-wrap {
    padding-bottom: 0
}

.self-description .cert-school .item {
    border-bottom: 2px dotted #e9e9e9;
    padding-top: .266667rem;
    padding-bottom: .266667rem
}

.self-description .cert-school .item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.self-description .cert-school h2 {
    font-size: 16px;
    color: #333
}

.self-description .cert-school p {
    color: #999
}

.self-description .course-info {
    color: #333;
    border-top: 1px solid #e9e9e9
}

.self-description .course-info .info-body {
    margin-top: .133333rem
}

.self-description .course-info .info-body span {
    display: inline-block;
    line-height: .6rem;
    margin: 0 .0666667rem
}

.self-description .course-info .item {
    vertical-align: middle;
    margin-bottom: .133333rem
}

.self-description .course-info .district_item .l {
    height: .6rem;
    line-height: .6rem;
    vertical-align: middle
}

.self-description .course-info .district_item .r {
    line-height: .6rem;
    vertical-align: middle
}

.self-description .course-info .map_item .l {
    height: .8rem;
    line-height: .8rem;
    vertical-align: middle
}

.self-description .course-info .l {
    width: auto;
    margin-top: 0;
    color: #999
}

.self-description .course-info .r {
    margin-left: 2rem;
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: none
}

.honor-wrap {
    padding-left: .333333rem;
    padding-right: .333333rem;
    padding-bottom: .333333rem;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #fff
}

.honor-wrap.pdt {
    padding-top: .16rem;
    border: none;
    background: #f0f0f0
}

.honor-wrap .empty_honor_count {
    width: 4.86667rem;
    height: 3.74667rem;
    margin-top: 4.4rem;
    margin-left: auto;
    margin-right: auto;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/no_honor_pic.37ea2440ef49be51f0cb687912b0660d.png) no-repeat;
    background-size: 100% 100%
}

.honor-wrap .header {
    border-bottom: none
}

.honor-wrap .item-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin-bottom: .333333rem
}

.honor-wrap .item-wrap:last-child p {
    color: #999
}

.honor-wrap .item-wrap .item {
    width: 4.49333rem;
    background: #fff
}

.honor-wrap .img-wrap {
    width: 8.66667rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: .2rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.honor-wrap .item {
    width: 4.13333rem;
    border: 1px solid #e9e9e9;
    padding-bottom: .266667rem;
    box-shadow: 4px 4px 0 #ececec
}

.honor-wrap .img {
    width: 100%;
    height: 2.66667rem;
    overflow: hidden
}

.honor-wrap .count {
    position: absolute;
    border-radius: .3rem;
    height: .4rem;
    font-size: 12px;
    line-height: .4rem;
    vertical-align: middle;
    padding-left: .133333rem;
    padding-right: .133333rem;
    right: .133333rem;
    bottom: .08rem;
    min-width: .666667rem;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.honor-wrap img {
    width: 100%;
    height: auto
}

.honor-wrap .txt {
    vertical-align: middle;
    width: 100%;
    padding: .266667rem;
    padding-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    overflow: hidden
}

.qq_jiaofa {
    width: 100%;
    margin-top: .333333rem
}

.qq_jiaofa img {
    width: 100%;
    height: auto
}

.c-emphasis {
    color: #24ce76
}

.comment-wrap .tag-grade {
    padding-left: .333333rem;
    height: 1.1rem;
    width: 100%;
    position: fixed;
    background: #fff;
    left: 0;
    top: 1.4rem;
    overflow: hidden
}

.comment-wrap .tag-grade .grade-wrap {
    width: 1500%
}

.comment-wrap .tag-grade .item {
    height: 1.1rem;
    width: auto;
    float: left;
    line-height: 1.1rem;
    text-align: center;
    background: #fff;
    margin-right: .333333rem;
    font-size: 14px;
    color: #333
}

.comment-wrap .tag-grade .item div {
    height: 100%
}

.comment-wrap .tag-grade .item.active {
    color: #23cd77;
    border-bottom: 2px solid #23cd77
}

.comment-wrap .tag-grade .item.active div {
    border-bottom: 1px solid #23cd77
}

.comment-wrap #grade_course {
    margin-top: 1.2rem
}

.comment-wrap .comment-info {
    border-bottom: none;
    padding-bottom: 0
}

.comment-wrap .comment-info .tag-wrap {
    border-bottom: none
}

.comment-wrap .comment-info .tag-wrap .item {
    border: 1px solid #ccc;
    color: #999;
    font-size: 12px
}

.comment-wrap .comment-info .comment-body {
    border-bottom: 1px solid #e9e9e9
}

.common-pad {
    padding-top: 1.4rem
}

.comment-header .tag-switch {
    border-radius: .133333rem;
    position: relative;
    top: .25rem;
    width: 5.34667rem;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #23cd77;
    color: #23cd77;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.comment-header .tag-switch > div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .84rem;
    line-height: .84rem;
    text-align: center;
    font-size: 16px
}

.comment-header .tag-switch > div.active {
    background: #23cd77;
    color: #fff
}

.comment-info-wrap .empty_comments {
    width: 4.97333rem;
    height: 3.70667rem;
    margin-left: auto;
    margin-right: auto;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/nocomments.27962631651b6155cc1b3e97e121681c.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 4rem
}

.comment-info-wrap .comment-info .comment-body {
    padding-bottom: 0
}

.comment-info {
    color: #333;
    padding-left: .333333rem;
    padding-right: .333333rem;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: .266667rem;
    background: #fff;
    overflow: hidden
}

.comment-info .info-body {
    padding-bottom: .2rem
}

.comment-info .img-wrap {
    width: 7.30667rem
}

.comment-info .img-wrap .item {
    width: 2rem;
    height: 2rem;
    margin-right: .333333rem;
    margin-bottom: .333333rem;
    float: left
}

.comment-info .img-wrap .item:last-child {
    margin-bottom: .4rem
}

.comment-info .mtR25 {
    margin-top: .333333rem !important
}

.comment-info .feedback {
    position: relative;
    padding-left: .533333rem;
    padding-top: .3rem;
    padding-bottom: .4rem;
    margin-right: .333333rem;
    border-top: 2px dotted #ccc;
    margin-top: 0 !important
}

.comment-info .feedback h2 {
    color: #22cf76
}

.comment-info .feedback .icon-shuo {
    position: absolute;
    left: -.533333rem;
    top: .16rem;
    width: .333333rem;
    height: .32rem;
    margin-right: 5px;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/icon_shuo.9c111288d374e8913ad63fb8d6a62cd0.png) no-repeat;
    background-size: 100% 100%
}

.comment-info .tag-wrap {
    padding-top: .466667rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid #e9e9e9
}

.comment-info .tag-wrap .item {
    float: left;
    line-height: .65rem;
    border: 1px solid #ccc;
    color: #999;
    border-radius: .5rem .5rem;
    padding-left: .266667rem;
    padding-right: .266667rem;
    margin-right: .266667rem;
    margin-bottom: .266667rem;
    text-align: center;
    vertical-align: middle;
    font-size: 12px
}

.comment-info .tag-wrap .item.active {
    color: #23cd77;
    border: 1px solid #00d397
}

.comment-info .student_phrases_wrap {
    margin-top: .266667rem
}

.comment-info .student_phrases_wrap .item {
    float: left;
    height: .72rem;
    line-height: .72rem;
    border: 1px solid #999;
    color: #999;
    border-radius: .24rem .266667rem;
    padding-left: .266667rem;
    padding-right: .266667rem;
    margin-right: .266667rem;
    margin-bottom: .266667rem;
    text-align: center;
    vertical-align: middle;
    font-size: 12px
}

.comment-info .student_phrases_wrap .item.active {
    color: #23cd76;
    border: 1px solid #23cd76
}

.comment-info .comment-body {
    padding-top: .493333rem;
    color: #666
}

.comment-info .comment-body .icon-recommend {
    width: 1.29333rem;
    height: 1.30667rem;
    position: absolute;
    top: 0;
    right: -.333333rem;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/icon_recommend.43051482792723db25281d74fcd2b279.png) no-repeat;
    background-size: 100% 100%
}

.comment-info .comment-body .t_icon_recommend {
    width: .64rem;
    height: .64rem;
    position: absolute;
    top: 0;
    right: -.333333rem;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/icon_teacher_essence@2x.e729bd47b2a1909ea866c10b0eb4b62c.png) no-repeat;
    background-size: 100% 100%
}

.comment-info .comment-body .l {
    width: 1.41333rem;
    height: 1.41333rem;
    float: left
}

.comment-info .comment-body .l img {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.comment-info .comment-body .r {
    margin-left: 1.70667rem
}

.comment-info .comment-body .comment_word {
    margin-top: .133333rem
}

.comment-info .comment-body .all-comments {
    float: right;
    color: #23cd77;
    line-height: 28px;
    height: 28px;
    vertical-align: middle;
    margin-bottom: .4rem;
    font-size: 14px
}

.comment-info .comment-body .all-comments em {
    display: inline-block;
    margin-left: 3px;
    width: 10px;
    height: 14px;
    line-height: 14px;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/comment_icon.845bc5b2c7c2c773ee3cce1c6c2b3ddf.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 3px
}

.comment-info .comment-body .tags {
    position: relative;
    color: #999;
    margin-bottom: .3rem;
    padding-left: .533333rem
}

.comment-info .comment-body .tags .icon-tag {
    position: absolute;
    left: 0;
    top: .0666667rem;
    width: .333333rem;
    height: .346667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/icon_tag.071fc4e66449a905e209215cf8730ada.png) no-repeat;
    background-size: 100% 100%
}

.comment-info .comment-body.comment-page-item .student_phrases_wrap .item {
    padding-left: .2rem;
    padding-right: .2rem;
    margin-right: .13rem;
    height: .6rem;
    line-height: .6rem;
    color: #23cd77;
    border: 1px solid #23cd77
}

.comment-info .title {
    color: #999;
    line-height: 24px
}

.comment-info .title .fl, .comment-info .title .fr {
    font-size: 12px
}

.comment-info .title em {
    color: #23cd77;
    font-weight: 400
}

.comment-info h2 {
    position: relative;
    font-size: 16px
}

.comment-info h2 .date {
    position: absolute;
    right: 0;
    font-weight: 400;
    color: #999;
    font-size: 14px
}

.comment-info h2 .grade {
    color: #999;
    font-weight: 400;
    padding-left: .4rem
}

.comment-info .l-2 {
    overflow: hidden;
    word-break: break-all
}

.assistant-info {
    padding: .333333rem;
    font-size: 16px;
    background: #fff;
    color: #666;
    font-size: 14px;
    overflow: hidden
}

.assistant-info .l {
    float: left
}

.assistant-info .r {
    position: relative;
    float: right;
    border-left: 1px solid #e9e9e9;
    width: 2.4rem
}

.assistant-info span {
    display: inline-block;
    color: #333;
    margin-left: .6rem
}

.assistant-info .icon-call {
    display: inline-block
}

.assistant-info .icon-call > em {
    position: absolute;
    width: .6rem;
    height: .6rem;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/icon_cal.49926b81dc8d2cb444266c864b44ca0f.png) no-repeat;
    background-size: 100% 100%;
    top: 50%;
    left: 45%;
    margin-top: -.326667rem
}

.media-show {
    color: #333;
    padding: 0 .333333rem .4rem;
    background: #fff;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.media-show .header {
    border-bottom: none
}

.media-show .audio-wrap {
    position: relative
}

.media-show .audio-wrap .avatar {
    width: 1.41333rem;
    height: 1.41333rem
}

.media-show .audio-wrap .audio {
    position: absolute;
    top: .24rem;
    margin-left: 1.92rem
}

.media-show .audio-wrap .audio .h50 {
    width: 5.86667rem;
    height: .8rem;
    line-height: .8rem;
    border: 1px solid #e5e5e5;
    border-radius: 1.06667rem .133333rem .133333rem 1.06667rem;
    background: #f7f7f7
}

.media-show .audio-wrap .audio .h50 .l {
    float: left
}

.media-show .audio-wrap .audio .h50 .r {
    float: right;
    margin-right: .133333rem
}

.media-show .audio-wrap .audio .h50 .icon-speak {
    width: .373333rem;
    height: .453333rem;
    margin-top: .133333rem;
    margin-left: .133333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/icon-speak.21b6c16693d853523e21f0cbdf4b6400.png) no-repeat;
    background-size: 100% 100%
}

.media-show .audio-wrap .audio .h50 sup {
    top: -.1rem;
    right: -.05rem
}

.media-show .video {
    position: relative;
    margin-top: .2rem
}

.media-show .video > img {
    width: 100%;
    height: 5.25333rem
}

.media-show .video .btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.32rem;
    height: 2.32rem;
    margin-left: -1.16rem;
    margin-top: -1.16rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/icon-play.52183a7c558b1ce7ba9ba14d8f599a56.png) no-repeat;
    background-size: 100% 100%
}

.media-show .video .mask_description {
    position: absolute;
    height: 1rem;
    line-height: 1rem;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    width: 100%
}

.no-free {
    padding: .2rem .333333rem .4rem;
    font-size: 12px;
    color: #999
}

.course_package {
    width: 100%;
    margin-top: .333333rem;
    background: #fff;
    color: #666;
    box-sizing: border-box;
    padding: 0 .333333rem;
    position: relative
}

.course_package.mt0 {
    margin-top: 0
}

.course_package .course_package_header {
    position: relative;
    width: 100%;
    border: none;
    height: 1rem;
    line-height: 1rem
}

.course_package .course_package_header .icon_comment {
    width: .5rem;
    float: left;
    height: 100%;
    position: relative;
    margin-right: .2rem;
    font-size: 14px
}

.course_package .course_package_header .icon_comment > b {
    position: absolute;
    width: .48rem;
    height: .48rem;
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -2.53333rem -1.08rem;
    background-size: 5.73333rem 5.30667rem
}

.course_package .course_package_header .jq_course {
    padding-right: 1.9rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/585/icon_teacher_summer_bq.79dd600fad4406904029fa39f30ed762.png) no-repeat;
    background-size: auto .4rem;
    font-size: 14px;
    background-position: 100%
}

.course_package .course_package_ct {
    width: 100%;
    padding-bottom: .2rem;
    margin-top: -.15rem
}

.course_package .course_package_ct .course_package_items {
    width: 100%;
    padding: .2rem 0;
    position: relative
}

.course_package .course_package_ct .course_package_items .package_items_wrap {
    width: 100%;
    height: .74rem;
    line-height: .74rem
}

.course_package .course_package_ct .course_package_items .package_items_wrap span {
    border-left: 3px solid #24d27a;
    padding-left: 5px;
    font-size: .38rem;
    color: #393939
}

.course_package .course_package_ct .course_package_items .package_items_wrap .is_gf {
    padding-right: .75rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/555/icon_teacherpage_gf@2x.64ac12d87b11692632a918f753b4f0ee.png) no-repeat;
    background-size: .6667rem .35rem;
    background-position: 100%
}

.course_package .course_package_ct .course_package_items .official_icon {
    position: absolute;
    top: 0;
    right: -.333333rem;
    width: .73333rem;
    height: .73333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/555/icon_guanfang.61edcc7e20577ff94f2d37f3ab863eeb.png) no-repeat;
    background-size: 100%
}

.course_package .course_package_ct .course_package_items .package_items_main {
    width: 100%;
    position: relative
}

.course_package .course_package_ct .course_package_items .package_items_main .is_official {
    width: 100%;
    height: .74rem;
    line-height: .74rem;
    box-sizing: border-box;
    padding-left: .28rem
}

.course_package .course_package_ct .course_package_items .package_items_main .is_official span {
    padding-left: .62rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/555/icon_official.4483638bd29e2c6d7c44917e19ac576a.png) no-repeat;
    background-size: .6rem 100%;
    font-size: .38rem;
    color: #393939
}

.course_package .course_package_ct .course_package_items .package_items_main .course_package_times {
    width: 100%;
    height: .64rem;
    line-height: .64rem;
    box-sizing: border-box;
    padding: 0 .28rem;
    font-size: .38rem;
    color: #5a5a5a;
    position: relative
}

.course_package .course_package_ct .course_package_items .package_items_main .course_package_times .course_package_price {
    height: 100%;
    position: absolute;
    right: .5rem;
    top: 0;
    color: #ff8736
}

.course_package .course_package_ct .course_package_items .package_items_main .course_package_times .course_package_price .old_price {
    color: #9b9b9b;
    text-decoration: line-through
}

.course_package .course_package_ct .course_package_items .package_items_main .icon_more {
    position: absolute;
    width: .5rem;
    height: 100%;
    right: -.18rem;
    top: 0
}

.course_package .course_package_ct .course_package_items .package_items_main .icon_more > div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.08rem;
    height: .28rem;
    width: .173333rem;
    margin-top: -.14rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/icons/icon-btn-more.f5774966148596f37a1fcac291bd4b76.png) no-repeat;
    background-size: 100% 100%
}

.course_package .course_package_ct .has_active {
    border-bottom: 1px solid #e8e8e8
}

.ovh {
    overflow: hidden
}

.teaching_experience_page {
    min-height: 100%
}

.header .icon_shouke {
    width: .493333rem;
    float: left;
    height: 100%;
    position: relative;
    margin-right: .2rem
}

.header .icon_shouke > b {
    position: absolute;
    width: .493333rem;
    height: .466667rem;
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -2.53333rem -2.94667rem;
    background-size: 5.73333rem 5.30667rem;
    top: 50%;
    margin-top: -.226667rem
}

.header .icon_honor {
    width: .466667rem;
    float: left;
    height: 100%;
    position: relative;
    margin-right: .2rem
}

.header .icon_honor > b {
    position: absolute;
    width: .466667rem;
    height: .466667rem;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/icon_honor.c164ed2de781b796676ca7da19b10d74.png) no-repeat;
    background-size: 100% 100%;
    top: 50%;
    margin-top: -.226667rem
}

.header .icon_selfdescription {
    width: .466667rem;
    float: left;
    height: 100%;
    position: relative;
    margin-right: .2rem
}

.header .icon_selfdescription > b {
    position: absolute;
    width: .466667rem;
    height: .466667rem;
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -1.66667rem -3.88rem;
    background-size: 5.73333rem 5.30667rem;
    top: 50%;
    margin-top: -.226667rem
}

.header .icon_comment {
    width: .466667rem;
    float: left;
    height: 100%;
    position: relative;
    margin-right: .2rem
}

.header .icon_comment > b {
    position: absolute;
    width: .466667rem;
    height: .466667rem;
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -.8rem -3.88rem;
    background-size: 5.73333rem 5.30667rem;
    top: 50%;
    margin-top: -.226667rem
}

.pic-list .header {
    height: 1.1rem;
    background: #fff;
    color: #666;
    width: 100%;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    margin-top: 1.4rem
}

.pic-list .header .item {
    width: 2.4rem;
    text-align: center;
    vertical-align: middle
}

.pic-list .header .item.active {
    color: #23cd76;
    border-bottom: 2px solid #23cd76
}

.pic-list .header .l {
    left: 1.6rem
}

.pic-list .header .l, .pic-list .header .r {
    position: absolute;
    top: 0;
    height: 1.1rem;
    line-height: 1.1rem
}

.pic-list .header .r {
    right: 1.94667rem
}

.pic-list .pics-wrap {
    margin-top: .159995rem
}

.pic-list .pics-wrap .empty_picture_count {
    width: 4.86667rem;
    height: 3.74667rem;
    margin-top: 4.66667rem;
    margin-left: auto;
    margin-right: auto;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/no_pics.0665ee5ee4ac753641fa5705220ec638.png) no-repeat;
    background-size: 100% 100%
}

.pic-list .pics-wrap .item {
    width: 3.22667rem;
    height: 3.22667rem;
    overflow: hidden
}

.pic-list .pics-wrap .item img {
    width: 100%;
    height: auto
}

.pic-list .pics-wrap .audio-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: relative
}

.pic-list .pics-wrap .audio-item .btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.06667rem;
    height: 1.06667rem;
    margin-left: -.533333rem;
    margin-top: -.533333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/505/icon_teacher_yinpin01@2x.ffc9ba20fa6858749dca8737700df041.png) no-repeat;
    background-size: 100% 100%
}

.pic-list .pics-wrap .audio-item .btn-play.active {
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/505/icon_teacher_yinpin_s@2x.ceff1b60d66317ff6bb7ef3bd3ae6c0d.png)
}

.pic-list .pics-wrap .video-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: relative
}

.pic-list .pics-wrap .video-item .btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.06667rem;
    height: 1.06667rem;
    margin-left: -.533333rem;
    margin-top: -.533333rem;
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -4.08rem 0;
    background-size: 5.73333rem 5.30667rem
}

.pic-list .row-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin-bottom: .159995rem
}

.pdbR25 {
    padding-bottom: .333333rem
}

.student-comments {
    color: #333
}

.student-comments .c-grey {
    color: #999
}

.student-comments .c-green {
    color: #23cd77
}

.student-comments .comment-info {
    padding-top: .4rem;
    padding-bottom: .4rem;
    margin-top: 0;
    margin-bottom: .333333rem
}

.student-comments .teacher_replay_wrap {
    border-top: 2px dotted #e9e9e9;
    padding-left: .333333rem;
    padding-right: .333333rem;
    padding-top: .333333rem
}

.popup-contents.pop-normal {
    height: auto
}

.popup-contents.attention-teacher {
    position: fixed;
    top: 40%;
    width: 6.66667rem;
    height: 3.33333rem;
    margin-left: -3.33333rem;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    z-index: 999;
    background: rgba(51, 51, 51, .8);
    border-radius: .266667rem
}

.popup-contents.attention-teacher a {
    color: #fff
}

.popup-contents.attention-teacher .popup-main, .popup-contents.attention-teacher .popup-main .popup-shtml {
    margin: 0
}

.popup-contents.attention-teacher .popup-info {
    padding: 0
}

.popup-contents.attention-teacher p {
    margin: 0
}

.popup-contents.attention-teacher .flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 6.66667rem;
    height: 3.33333rem
}

.swiper-container-horizontal > .swiper-pagination.count-page {
    color: #fff;
    font-size: 20px;
    bottom: 28px
}

.map-wrap {
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999
}

.map-wrap .info-wrap {
    width: 100%;
    height: 2.02667rem;
    bottom: 30px;
    position: absolute
}

.map-wrap .info-wrap .detail-wrap {
    width: 6.66667rem
}

.map-wrap .info-wrap .detail-right {
    width: 2.21333rem;
    height: .773333rem;
    line-height: .773333rem;
    position: absolute;
    top: 50%;
    margin-top: -.386667rem;
    right: 0;
    font-size: 16px;
    color: #23cd77
}

.map-wrap .info-wrap .info-item {
    border: 1px solid #d2d3d4;
    width: 9.33333rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: .333333rem;
    background: #fff
}

.map-wrap .info-wrap .fr {
    line-height: 2.02667rem;
    font-size: 16px;
    color: #23cd77
}

.map-wrap .info-wrap .next-icon {
    display: inline-block;
    width: 8px;
    height: 12px;
    margin-left: .133333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/450/mapIcon-min.897c5b88f58436ed0e9a39382b08d28f.jpg) 100% 0 no-repeat;
    background-size: contain
}

.map-wrap .info-wrap .fl {
    width: 6rem;
    overflow: hidden
}

.map-wrap .info-wrap p {
    overflow: hidden;
    font-size: 16px;
    color: #333
}

.map-wrap .info-wrap .distanceWrap {
    font-size: 14px;
    color: #8c8c8c
}

.map-wrap .info-wrap em {
    margin-left: .533333rem
}

.mrR10 {
    margin-right: .133333rem
}

.star-wrap-pop {
    width: 7.68rem;
    height: 6.32rem;
    border-radius: .106667rem;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -3.84rem;
    margin-top: -3.16rem;
    background: #fff;
    z-index: 999
}

.star-wrap-pop .pop-close {
    position: absolute;
    width: .746667rem;
    height: .746667rem;
    right: -.186667rem;
    top: -.186667rem;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    background-color: #fff
}

.star-wrap-pop .pop-close em {
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/icon_teacher_five_close@2x.23cc2e2196f1a1b82de2a7d938d297cd.png) no-repeat;
    background-size: 100% 100%;
    width: .4rem;
    height: .4rem;
    margin-top: -.2rem;
    margin-left: -.2rem;
    left: 50%;
    top: 50%
}

.star-wrap-pop canvas {
    border-bottom-left-radius: .666667rem;
    border-bottom-right-radius: .666667rem;
    width: 8.73333rem;
    height: 8.4rem
}

.star-wrap-pop .star-abs-wrap {
    margin-top: 1.173333rem;
    width: 7.46667rem;
    height: .586667rem;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.star-wrap-pop .star-header-top {
    height: 2.4rem;
    background: #fff;
    border-top-left-radius: .666667rem;
    border-top-right-radius: .666667rem
}

.star-wrap-pop .star-header-top .avatar {
    position: absolute;
    width: 1.866667rem;
    height: 1.866667rem;
    top: -.933333rem;
    left: 50%;
    margin-left: -.933333rem
}

.star-wrap-pop .star-header-top .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 1.866667rem
}

.star-wrap-pop .star-header-top .title {
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #333;
    padding-top: .333333rem
}

.star-wrap-pop .star-header-top .star-wrap {
    width: 2.746667rem;
    height: .48rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/610/icon_teacher_tc_star5_2.f79e81d2eb3cfc73ef81ef2bf102d167.png) no-repeat;
    background-size: 100%;
    background-position: 50%;
    position: absolute;
    left: 50%;
    margin-left: -1.373333rem;
    top: 50%;
    margin-top: -.24rem
}

.star-wrap-pop .star-header-top .star-wrap .abs {
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/610/icon_teacher_tc_star5.2f84b273b797385fafe1f5156a9232df.png) no-repeat;
    background-position: 0 auto;
    background-size: cover;
    height: .48rem
}

.star-wrap-pop .star-header-top .bottom-title {
    margin-top: .133333rem;
    text-align: center;
    color: #666
}

.star-wrap-pop .favorableRate, .star-wrap-pop .renewRate {
    padding: 0 1.066667rem;
    margin-top: .506667rem;
    overflow: hidden
}

.star-wrap-pop .favorableRate .desc, .star-wrap-pop .renewRate .desc {
    float: left;
    width: 2.4rem;
    line-height: .533333rem;
    font-size: .373333rem;
    color: #666
}

.star-wrap-pop .favorableRate .rate, .star-wrap-pop .renewRate .rate {
    float: right;
    width: 1.373333rem;
    line-height: .533333rem;
    text-align: right;
    font-size: .373333rem;
    color: #666
}

.star-wrap-pop .favorableRate .rate_wrap, .star-wrap-pop .renewRate .rate_wrap {
    float: left;
    margin-top: .133333rem;
    width: 5.52rem;
    height: .186667rem;
    border-radius: .186667rem;
    background-color: #f0f0f0;
    position: relative
}

.star-wrap-pop .favorableRate .rate_wrap .abs, .star-wrap-pop .renewRate .rate_wrap .abs {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: .186667rem;
    border-radius: .186667rem
}

.star-wrap-pop .favorableRate .rate_wrap .abs.green, .star-wrap-pop .renewRate .rate_wrap .abs.green {
    background-color: #23cd77
}

.star-wrap-pop .favorableRate .rate_wrap .abs.orange, .star-wrap-pop .renewRate .rate_wrap .abs.orange {
    background-color: #f90
}

.get_it {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.226667rem;
    font-size: .426667rem;
    color: #23cd77;
    line-height: 1.226667rem;
    text-align: center;
    border-top: 2px solid #f0f0f0
}

.popup-contents.flex-pop.wc60 {
    width: 65%;
    margin-left: -32.5%;
    z-index: 1001
}

.popup-contents.flex-pop .popup-shtml {
    margin-bottom: 0
}

body .popup-contents {
    height: auto
}

.popup-contents.flex-pop {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    resize: vertical;
    overflow: visible;
    position: fixed;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup-contents.flex-pop .popup-main {
    margin: 0
}

.popup-contents.flex-pop .popup-shtml {
    padding: 10px;
    position: relative
}

.popup-contents.flex-pop .popup-shtml .notice_img {
    position: absolute;
    top: -1.2rem
}

.popup-contents.flex-pop .popup-shtml .notice_img img {
    width: 40%;
    height: auto
}

.popup-contents.flex-pop .popup-shtml .popup_txt1 {
    margin-top: .5rem
}

.popup-contents.flex-pop .popup-shtml .popup_txt2 {
    color: #999;
    line-height: 1.5
}

.popup-contents.flex-pop .popup-info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0
}

.popup-contents.flex-pop .common-notice {
    line-height: 1.8;
    font-size: 14px;
    color: #7f7f7f
}

.popup-contents.flex-pop .download-btn {
    font-size: 14px;
    margin-top: 10px;
    background: #f0f0f0;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    vertical-align: middle;
    color: #fff;
    border-radius: 8px;
    background: #f60
}

.popup-contents.flex-pop .btns {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

.popup-contents.flex-pop .btns .btnCancle {
    color: #a5a5a5;
    border-right: 1px solid #e9e9e9
}

.popup-contents.flex-pop .btns .btnCancle, .popup-contents.flex-pop .btns .btnConfirm {
    border-top: 1px solid #e9e9e9;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 2;
    padding-top: .133333rem;
    padding-bottom: .133333rem;
    vertical-align: middle;
    text-align: center;
    display: block
}

.popup-contents.flex-pop .btns .btnConfirm {
    color: #f60
}

.distance_tips {
    position: absolute;
    right: 0;
    top: -24px;
    background: #f60;
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px
}

.distance_tips .tri {
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: #f60 transparent transparent;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -12px
}

@media (max-width: 310px) {
    .comment-info .l-2 {
        width: 67%
    }
}

.teacher-video-wrap {
    background: #fff;
    padding: .333333rem;
    padding-bottom: .666667rem
}

.teacher-video-wrap .header {
    border-bottom: none
}

.teacher-video-wrap .video-wrap {
    width: 100%;
    min-height: 2.66667rem;
    position: relative
}

.teacher-video-wrap .play_video_icon {
    width: 2.26667rem;
    height: 2.26667rem;
    background: cyan;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute
}

.teacher-audio-wrap {
    background: #fff;
    padding: .333333rem
}

.teacher-audio-wrap .header {
    border-bottom: none
}

.teacher-audio-wrap .l {
    width: 1.4rem;
    height: 1.4rem;
    float: left
}

.teacher-audio-wrap .l img {
    width: 100%;
    height: auto
}

.teacher-audio-wrap .r {
    margin-left: 1.8rem;
    height: 1.4rem;
    position: relative
}

.teacher-audio-wrap .r .progress-bar {
    position: absolute;
    background: #f7f7f7;
    width: 6.06667rem;
    height: .72rem;
    margin-top: -.36rem;
    left: 0;
    top: 50%
}

@keyframes teacher_audio_animate {
    0% {
        background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/505/icon_teacher_yinpin01@2x.ffc9ba20fa6858749dca8737700df041.png)
    }
    50% {
        background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/505/icon_teacher_yinpin02@2x.5f8e933a4be3d69bf77beac71136813b.png)
    }
    to {
        background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/505/icon_teacher_yinpin03@2x.364a0ae2b2e42491d397daaed084aebc.png)
    }
}

@keyframes teacher_audio_animate2 {
    0% {
        background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/icon_jz_volume01@2x.d4b5e1bb5236b9048ca86e9d8466fa54.png)
    }
    50% {
        background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/icon_jz_volume02@2x.a5514f781790b13a70cb7a815b9995e3.png)
    }
    to {
        background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/icon_jz_volume03@2x.4b5bec744babee73e77410b62e23f5f4.png)
    }
}

.teacher_audio_animate2 {
    animation-name: teacher_audio_animate2
}

.teacher_audio_animate {
    animation-name: teacher_audio_animate
}

.infinite {
    animation-iteration-count: infinite
}

.icon_sound_wrap {
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: 0 0;
    background-size: 5.73333rem 5.30667rem;
    width: 3.68rem;
    height: .68rem;
    float: left
}

.audio-example .icon_sound {
    width: .4rem;
    height: .4rem;
    position: absolute;
    left: .333333rem;
    top: 50%;
    margin-top: -.2rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/icon_jz_volume03@2x.4b5bec744babee73e77410b62e23f5f4.png) no-repeat;
    background-size: 100% 100%
}

.audio-example .time_length {
    margin-left: 10px;
    float: left;
    height: .68rem;
    line-height: .68rem;
    color: #999;
    vertical-align: middle
}

.video_play_icon {
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -4.08rem 0;
    background-size: 5.73333rem 5.30667rem
}

.audio_play_icon, .video_play_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.06667rem;
    height: 1.06667rem;
    margin-left: -.533333rem;
    margin-top: -.533333rem
}

.audio_play_icon {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/505/icon_teacher_yinpin03@2x.364a0ae2b2e42491d397daaed084aebc.png) no-repeat;
    background-size: 100% 100%
}

.pop_cannot_buy .fixed-container .popup-common-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    top: 0;
    left: 50%;
    margin-left: -50%;
    z-index: 6;
    background: rgba(0, 0, 0, .5)
}

.pop_cannot_buy .content {
    margin-top: .333333rem;
    line-height: 1.8;
    padding: .333333rem;
    font-size: 14px
}

.pop_cannot_buy .fixed-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.pop_cannot_buy .flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 100%;
    height: 100%
}

.pop_cannot_buy .pop-common {
    background: #fff;
    width: 8.06667rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-radius: .266667rem;
    z-index: 7
}

.pop_cannot_buy .icon-back {
    height: 1.33333rem;
    line-height: 1.33333rem;
    width: 100%;
    border-top: 1px solid #ebebeb;
    vertical-align: middle;
    text-align: center;
    color: #23cd77;
    font-size: 16px
}

.pop_cannot_buy .pop-close {
    position: absolute;
    width: .746667rem;
    height: .746667rem;
    right: -.186667rem;
    top: -.186667rem;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    background-color: #fff
}

.pop_cannot_buy .pop-close em {
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/icon_teacher_five_close@2x.23cc2e2196f1a1b82de2a7d938d297cd.png) no-repeat;
    background-size: 100% 100%;
    width: .4rem;
    height: .4rem;
    margin-top: -.2rem;
    margin-left: -.2rem;
    left: 50%;
    top: 50%
}

.before_check .fixed-container .popup-common-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    top: 0;
    left: 50%;
    z-index: 100;
    background: rgba(0, 0, 0, .5)
}

.before_check .fixed-container .wrap {
    position: fixed;
    left: 50%;
    top: 45%;
    width: 7.28rem;
    height: 8rem;
    margin-left: -3.64rem;
    margin-top: -4rem;
    z-index: 101;
    background-color: #fff;
    border-radius: .266667rem
}

.before_check .fixed-container .wrap .info_detail {
    width: 100%;
    height: 6.88rem;
    padding: .8rem .426667rem .613333rem 1rem;
    overflow: auto
}

.before_check .fixed-container .wrap .info_detail ol {
    margin-bottom: .266667rem
}

.before_check .fixed-container .wrap .info_detail ol li {
    font-size: .373333rem;
    line-height: .55rem;
    color: #999
}

.before_check .fixed-container .wrap .info_detail ol li .info span {
    width: 100%;
    display: block
}

.before_check .fixed-container .wrap .info_detail ol li .info span a, .before_check .fixed-container .wrap .info_detail ol li .info span a:hover, .before_check .fixed-container .wrap .info_detail ol li .info span a:visited {
    color: #f90
}

.before_check .fixed-container .wrap .info_detail ol .import {
    color: #666;
    font-weight: 900
}

.before_check .fixed-container .wrap .buttons {
    width: 100%;
    height: 1.12rem;
    border-top: .0266667rem solid #f0f0f0;
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.before_check .fixed-container .wrap .buttons .cancel, .before_check .fixed-container .wrap .buttons .next {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.12rem;
    text-align: center;
    line-height: 1.12rem;
    font-size: .426667rem;
    color: #f90;
    position: relative
}

.before_check .fixed-container .wrap .buttons .next:before {
    content: "";
    position: absolute;
    right: -.0133333rem;
    top: 0;
    width: .0266667rem;
    height: 1.0933333rem;
    background-color: #f0f0f0
}

.page-pengyoutuan-detail.show_download {
    padding-top: 1.33333rem
}

.page-pengyoutuan-detail .single_price {
    top: .8rem;
    right: .333333rem;
    position: absolute;
    color: #f86e3f;
    font-size: 18px
}

.page-pengyoutuan-detail .single_price span {
    font-size: 16px
}

.page-pengyoutuan-detail .footer {
    margin-top: .6rem
}

.page-pengyoutuan-detail .top-fixed-wrap {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 15
}

.newpopup_content {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 4rem;
    height: 4rem;
    margin-left: -2rem;
    margin-top: -2rem;
    border-radius: .133333rem;
    background-color: rgba(0, 0, 0, .6);
    z-index: 101
}

.newpopup_content a, .newpopup_content a:active, .newpopup_content a:focus, .newpopup_content a:hover, .newpopup_content a:visited {
    text-decoration: none
}

.newpopup_content.warning .ico {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/595/icon_toast_wrong.48ea316fe53d2c356bf25d50e83bf3f9.png) no-repeat;
    background-position: 50%;
    background-size: 100%
}

.newpopup_content.done .ico, .newpopup_content.warning .ico {
    width: 1.33333rem;
    height: 1.33333rem;
    margin: 0 auto;
    margin-top: .706667rem
}

.newpopup_content.done .ico {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/595/icon_toast_right.1616abff45a91b4cf0500ca81d8b6582.png) no-repeat;
    background-position: 50%;
    background-size: 100%
}

.newpopup_content.busy {
    width: 8rem;
    height: 5.33333rem;
    margin-left: -4rem;
    margin-top: -2.66667rem;
    background-color: #fff
}

.newpopup_content.busy .ico {
    width: 3.2rem;
    height: 2.4rem;
    position: absolute;
    top: -1.2rem;
    left: 50%;
    margin-left: -1.6rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/595/icon_choosetime_prompt.97d4dffb561fc9cedc33ce0f0c077e51.png) no-repeat;
    background-position: 50%;
    background-size: 100%
}

.newpopup_content.busy .popup_info {
    margin-top: 1.8rem
}

.newpopup_content.busy h3 {
    color: #333;
    font-size: .426667rem;
    text-align: center;
    margin-top: .3rem
}

.newpopup_content.busy p {
    color: #999;
    font-size: .373333rem;
    text-align: center;
    margin-top: .3rem
}

.newpopup_content.busy .btns {
    width: 100%;
    height: 1.30667rem;
    border-top: .0266667rem solid #f0f0f0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.newpopup_content.busy .btns .btnCancle {
    color: #999;
    border-right: .0266667rem solid #f0f0f0
}

.newpopup_content.busy .btns .btnCancle, .newpopup_content.busy .btns .btnConfirm {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .426667rem;
    text-align: center;
    height: 1.30667rem;
    line-height: 1.30667rem
}

.newpopup_content.busy .btns .btnConfirm {
    color: #f60
}

.newpopup_content.normal_confirm {
    top: 50%;
    left: 50%;
    width: 7.66667rem;
    height: 3.66667rem;
    margin-left: -3.83333rem;
    margin-top: -1.83333rem;
    border-radius: .133333rem;
    background-color: #fff;
    z-index: 889
}

.newpopup_content.normal_confirm .popup_info {
    width: 100%;
    height: 2.32rem
}

.newpopup_content.normal_confirm h3 {
    display: block;
    width: 100%;
    height: 1.22rem;
    line-height: 1.52rem;
    color: #333;
    font-size: .426667rem;
    text-align: center;
    margin: 0
}

.newpopup_content.normal_confirm h3.two_line {
    line-height: 1.92rem
}

.newpopup_content.normal_confirm p {
    color: #999;
    font-size: .373333rem;
    text-align: center
}

.newpopup_content.normal_confirm .btns {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1.30667rem;
    border-top: .0266667rem solid #f0f0f0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.newpopup_content.normal_confirm .btns .btnCancle {
    color: #999;
    border-right: .0266667rem solid #f0f0f0
}

.newpopup_content.normal_confirm .btns .btnCancle, .newpopup_content.normal_confirm .btns .btnConfirm {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .426667rem;
    text-align: center;
    height: 1.30667rem;
    line-height: 1.30667rem
}

.newpopup_content.normal_confirm .btns .btnConfirm {
    color: #f60
}

.newpopup_content .popup_info {
    color: #fff;
    font-size: .426667rem;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: .2rem
}

.pic-content {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    height: 100%;
    z-index: 999
}

.pic-content i {
    width: 30px;
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/tips_llj.9a545536c34d674334a13a1484838b88.png);
    background-size: 100% 100%;
    left: 25px
}

.pic-content .look_more, .pic-content i {
    display: block;
    position: absolute;
    height: 30px;
    opacity: .5;
    z-index: 99999;
    bottom: 25px
}

.pic-content .look_more {
    line-height: 30px;
    vertical-align: middle;
    right: 20px;
    color: #fff;
    font-size: 14px
}

.swiper-container {
    width: 100%;
    height: 100%;
    z-index: 888
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #000
}

.swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.swiper-marks {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -50%;
    background-color: #000;
    z-index: 800
}

.swipe_honorlist .count-page, .swiper-container-horizontal > .swiper-pagination.count-page {
    color: #fff;
    font-size: 20px;
    bottom: 28px
}

.swipe_honorlist .count-page {
    text-align: center;
    left: 0;
    width: 100%
}

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js *, .video-js :after, .video-js :before {
    box-sizing: inherit
}

.video-js > * {
    display: none
}

.video-js video {
    width: 100%;
    height: 100%;
    display: block
}

.flex5 {
    -webkit-box-flex: 5 !important;
    -moz-box-flex: 5 !important;
    box-flex: 5 !important;
    -webkit-flex: 5 !important;
    -moz-flex: 5 !important;
    -ms-flex: 5 !important;
    flex: 5 !important
}

.js-audition .bottom-wrap {
    height: 1.33333rem;
    line-height: 1.33333rem;
    vertical-align: middle;
    background-color: #f7f8f7
}

.js-audition .bottom-wrap .tel {
    border-right: 1px solid #f2f2f2
}

.js-audition .bottom-wrap .collect, .js-audition .bottom-wrap .tel {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    box-flex: 10;
    -webkit-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10
}

.js-audition .bottom-wrap .collect.active .icon_collect {
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/525/icon_teacher_collect_red@2x.b512588ae08dc2a37156ddccfbf825f2.png)
}

.js-audition .bottom-wrap .css_tuan {
    -webkit-box-flex: 28;
    -moz-box-flex: 28;
    box-flex: 28;
    -webkit-flex: 28;
    -moz-flex: 28;
    -ms-flex: 28;
    flex: 28;
    background: #f90;
    color: #fff
}

.js-audition .bottom-wrap .flex2 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.js-audition .bottom-wrap .css_book {
    -webkit-box-flex: 28;
    -moz-box-flex: 28;
    box-flex: 28;
    -webkit-flex: 28;
    -moz-flex: 28;
    -ms-flex: 28;
    flex: 28;
    background: #f60;
    color: #fff
}

.js-audition .bottom-wrap .css_book.no_tuan {
    -webkit-box-flex: 56;
    -moz-box-flex: 56;
    box-flex: 56;
    -webkit-flex: 56;
    -moz-flex: 56;
    -ms-flex: 56;
    flex: 56
}

.js-audition .bottom-wrap .icon_tel {
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -2.53333rem -3.88rem;
    background-size: 5.73333rem 5.30667rem
}

.js-audition .bottom-wrap .icon_collect, .js-audition .bottom-wrap .icon_tel {
    width: .453333rem;
    height: .453333rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.226667rem;
    margin-top: -.226667rem
}

.js-audition .bottom-wrap .icon_collect {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/525/icon_teacher_collect_gray@2x.441a9ff099336a2483d264804ec8466b.png) no-repeat;
    background-size: 100% 100%
}

.js-audition .bottom-wrap .t {
    height: .666667rem
}

.js-audition .bottom-wrap .b {
    color: #b7b7b7;
    height: .666667rem;
    line-height: .666667rem;
    vertical-align: top;
    font-size: 12px;
    text-align: center;
    width: 100%
}

.new_m_header i.returnBack {
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/tips_lj_green.bd07b77c2474c0608cb141b67f631258.png) no-repeat;
    background-size: .25rem .428rem;
    background-position: 50%;
    padding-left: 0;
    width: 1rem
}

.new_m_header .cancel, .new_m_header i.returnBack {
    height: 1.4rem;
    line-height: 1.4rem;
    position: absolute;
    left: 0;
    bottom: 0
}

.new_m_header .cancel {
    padding-left: .373333rem;
    color: #666;
    font-size: .373333rem
}

.new_m_header .pyt_content_rule {
    min-width: .6rem;
    height: 100%;
    line-height: 1.4rem;
    position: absolute;
    top: 0;
    right: .3rem;
    color: #23cd77;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/585/icon_student_h5_page_help_ta.50b41bbea5f362e28c7d441c56f6efca.png) no-repeat;
    background-size: .48rem;
    background-position: 100%
}

.new_m_header .to_nonfixed_days {
    height: 1.4rem;
    line-height: 1.4rem;
    position: absolute;
    right: .48rem;
    top: 0;
    color: #23cd77
}

.css_cert_pop .fixed-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.css_cert_pop .flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 100%;
    height: 100%
}

.cert_introduce {
    position: absolute;
    z-index: 1001;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    line-height: 1.8;
    font-size: 14px
}

.cert_introduce .icon_close {
    position: absolute;
    top: 0;
    right: 0;
    width: .8rem;
    height: .8rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/535/icon_close.95ddaff5ede09909b16e60295bc38bb2.png) no-repeat;
    background-size: 50% 50%;
    background-position: 50%
}

.cert_introduce .c_info_wrap {
    padding-top: .44rem;
    padding-left: .36rem;
    padding-right: .266667rem
}

.cert_introduce .title {
    font-size: 18px;
    text-align: center;
    color: #666
}

.cert_introduce .swiper-wrapper {
    width: 100%;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.cert_introduce .item {
    padding-top: .266667rem;
    padding-bottom: .266667rem;
    border-bottom: 1px solid #f4f4f4;
    background: #fff;
    text-align: left;
    height: auto;
    -webkit-flex-shrink: 1;
    -ms-flex: 1 1 auto;
    flex-shrink: 1
}

.cert_introduce .item:last-child {
    border-bottom: none
}

.cert_introduce .item.cert_qq_trm .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_teacher_renzhen_jiaoyan.b83a59d10632c07cb6eb237cf62cc42a.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.id_card_certification .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_realname_orange@2x.4020599365326b0cac0eb3009d098cc1.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.id_card_certification.disable .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_realname_gray@2x.80bef1a919d59c54ce429b01ddb2deb5.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.teacher_qualification_certification .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_qualification_orange@2x.5141984eaa4b6c4d02dbc3f76e848a45.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.teacher_qualification_certification.disable .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_qualification_gray@2x.be6aca2686bc1e8ced5605ebdcf31d1d.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.education_certification .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_education_orange@2x.4db9d301f2f576c4f7cffe212ca773c1.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.education_certification.disable .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_education_gray@2x.a8bafdaaae9cb99ec6685315dd64554a.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.cert_pengyoutuan .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_tuan_orange@2x.806700e32680c1ee6d71b9ca6a4147fd.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.cert_qq_gz .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/550/icon_teacher_qqbz.96f2a4ff24ac10bdf0242a93a5e2f330.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.cert_pengyoutuan.disable .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_tuan_gray@2x.cf2cf2ec4db4a8612fa644a68fed3b9c.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.cert_live .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_live_orange@2x.647cfc7a577878e4a3b1ecae31f21d8c.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.cert_live.disable .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_live_gray@2x.35ca50ee5d8a89869f2add0cb283aaee.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.cert_audition .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_free@2x.141d51e7179547f7960d5409d98c64bb.png) no-repeat;
    background-size: 100%
}

.cert_introduce .item.cert_audition.disable .l {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/cert_icon/icon_free_gary@2x.ad54be0c1cc13f072a126ec944878737.png) no-repeat;
    background-size: 100%
}

.cert_introduce .css_swiper_container {
    max-height: 400px;
    overflow: hidden
}

.cert_introduce .css_swiper_container .item {
    max-height: 2.2rem
}

.cert_introduce .l {
    float: left;
    width: .666667rem;
    height: .666667rem
}

.cert_introduce .r {
    margin-left: .933333rem;
    position: relative
}

.cert_introduce .r .qq_rule, .cert_introduce .r .trm_rule {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: .6rem;
    background-color: #fff;
    color: #ccc;
    font-size: .32rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/550/icon_qq_rule.e704330c41f2dc652b0a59078f71089a.png) no-repeat;
    background-size: .5rem .5rem;
    background-position: 100% 0
}

.cert_introduce h3 {
    font-size: 16px;
    color: #333
}

.cert_introduce h3, .cert_introduce p {
    margin: 0;
    line-height: .666667rem;
    vertical-align: middle
}

.cert_introduce p {
    color: #999;
    font-size: 14px
}

.cert_introduce .confirm_btn {
    width: 100%;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: #fff;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    background: #f60
}

.cert_introduce span {
    margin-left: .266667rem;
    line-height: .5rem;
    top: -.05rem;
    position: relative;
    display: inline-block;
    background: #ccc;
    border-radius: 4px;
    padding-left: .08rem;
    padding-right: .08rem;
    color: #fff;
    font-size: 12px
}

.order-detail-wrap.css_new_pyt .main-info .order-status {
    color: #fe9900
}

.teacher_live_notice {
    padding-left: 15px;
    padding-right: 15px;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border-radius: .133333rem;
    vertical-align: middle;
    position: absolute;
    right: .333333rem;
    top: -1.426667rem;
    background: #ff4966;
    color: #fff;
    font-size: 16px
}

.teacher_live_notice .tri {
    position: absolute;
    width: 0;
    height: 0;
    border: .266667rem solid;
    border-color: #ff4966 transparent transparent;
    right: 55px;
    top: 1rem
}

.com_pad_h {
    padding-left: .333333rem;
    padding-right: .333333rem
}

.choose_lesson_new_wrap {
    box-shadow: 0 -1px 2px #f1f1f1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 16px;
    background: #fff;
    color: #999;
    z-index: 101
}

.choose_lesson_new_wrap .origin_price {
    color: #bbb;
    font-size: 12px;
    text-decoration: line-through;
    font-weight: 400;
    margin-left: .2rem
}

.choose_lesson_new_wrap * {
    box-sizing: border-box
}

.choose_lesson_new_wrap.no_box {
    box-shadow: none
}

.choose_lesson_new_wrap .title {
    padding-top: .333333rem;
    padding-bottom: .333333rem;
    font-size: 16px;
    margin-top: 0;
    color: #666
}

.choose_lesson_new_wrap .title p {
    margin: 0;
    line-height: 1.5;
    font-size: 16px
}

.choose_lesson_new_wrap .css_swipe_wrap {
    background: #fff;
    text-align: left
}

.choose_lesson_new_wrap .css_swipe_wrap.swiper-slide {
    width: 100%;
    height: auto;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

.choose_lesson_new_wrap .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.choose_lesson_new_wrap .mtR40 {
    margin-top: .533333rem
}

.choose_lesson_new_wrap .grade_wrap, .choose_lesson_new_wrap .site_type_wrap {
    font-size: 14px
}

.choose_lesson_new_wrap .site_item {
    padding: .2rem .266667rem;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #dedede;
    text-align: center;
    color: #666;
    margin-right: .333333rem;
    margin-bottom: .333333rem;
    position: relative;
    z-index: 100;
    float: left
}

.choose_lesson_new_wrap .site_item.disable {
    background: #f3f3f3;
    color: #adadad
}

.choose_lesson_new_wrap .site_item.active {
    border: 1px solid #ff9f0f;
    background: #fff4e5;
    color: #ff6e10
}

.choose_lesson_new_wrap .site_item p {
    margin: 0
}

.choose_lesson_new_wrap .pengyoutuan_price_wrap {
    font-size: 14px
}

.choose_lesson_new_wrap .t_item {
    float: left;
    padding: .2rem .266667rem;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #dedede;
    text-align: center;
    color: #666;
    margin-right: .333333rem;
    margin-bottom: .333333rem
}

.choose_lesson_new_wrap .t_item.active {
    border: 1px solid #ff9f0f;
    background: #fff4e5;
    color: #ff6e10
}

.choose_lesson_new_wrap .t_item p {
    margin: 0
}

.choose_lesson_new_wrap .grade_item {
    width: 1.65333rem;
    height: .8rem;
    line-height: .8rem;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #dedede;
    text-align: center;
    color: #666;
    margin-right: .333333rem;
    margin-bottom: .333333rem;
    float: left
}

.choose_lesson_new_wrap .grade_item.active {
    border: 1px solid #ff9f0f;
    background: #fff4e5;
    color: #ff6e10
}

.choose_lesson_new_wrap .pkg_item {
    width: 90%;
    height: 1rem;
    border-radius: 5px;
    border: 1px solid #dedede;
    padding-left: .333333rem;
    padding-right: .333333rem;
    margin-bottom: .333333rem;
    line-height: 1.2;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    font-size: .4rem;
    color: #666
}

.choose_lesson_new_wrap .pkg_item.active {
    border: 1px solid #ff9f0f;
    background: #fff4e5;
    color: #ff6e10
}

.choose_lesson_new_wrap .pkg_item.disable {
    background: #f0f0f0
}

.choose_lesson_new_wrap .pkg_item p {
    margin: 0
}

.choose_lesson_new_wrap .pkg_item div {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.choose_lesson_new_wrap .item.item-pad {
    padding-top: .266667rem;
    margin-top: 0
}

.choose_lesson_new_wrap .item.item-pengyoutuan {
    display: none
}

.choose_lesson_new_wrap .item .course-item-wrap {
    width: 2.03333rem;
    color: #666
}

.choose_lesson_new_wrap .item .course-item-wrap, .choose_lesson_new_wrap .item .fake-div {
    display: block;
    height: 1rem;
    line-height: 1rem;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    background-color: #e6e6e6
}

.choose_lesson_new_wrap .item .fake-div {
    width: 2.33333rem
}

.choose_lesson_new_wrap .item .free_audition_btn {
    width: 4.66667rem
}

.choose_lesson_new_wrap .item .free_audition_btn.active {
    border: 1px solid #ff9f0f;
    background: #fff4e5;
    color: #ff6e10
}

.choose_lesson_new_wrap .item span {
    display: block;
    height: 1rem;
    line-height: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 2.93333rem;
    float: left;
    font-size: 14px;
    text-align: center
}

.choose_lesson_new_wrap .item span b, .choose_lesson_new_wrap .item span i {
    font-weight: 400;
    font-style: normal
}

.choose_lesson_new_wrap .item .free_audition {
    width: 4.66667rem;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

.choose_lesson_new_wrap .item .active {
    border: 1px solid #f90;
    background: #f90;
    color: #fff
}

.choose_lesson_new_wrap .price_wrap_ordinary {
    margin-top: .133333rem;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e0e0e0
}

.choose_lesson_new_wrap .price_wrap_ordinary.mt0 {
    margin-top: 0
}

.choose_lesson_new_wrap .price_wrap_ordinary .price_ord {
    -webkit-box-flex: 25;
    -moz-box-flex: 25;
    box-flex: 25;
    -webkit-flex: 25;
    -moz-flex: 25;
    -ms-flex: 25;
    flex: 25;
    font-size: 18px;
    padding-left: .333333rem;
    color: #666;
    line-height: 1.33333rem
}

.choose_lesson_new_wrap .price_wrap_ordinary .price_ord span {
    color: #f60
}

.choose_lesson_new_wrap .price_wrap_ordinary .price_ord .big {
    font-size: 20px
}

.choose_lesson_new_wrap .price_wrap_ordinary .price_ord .small {
    font-size: 14px
}

.choose_lesson_new_wrap .price_wrap_ordinary .price_now {
    font-size: 14px;
    margin-right: .4rem;
    color: #f60;
    float: left
}

.choose_lesson_new_wrap .price_wrap_ordinary .price_ {
    float: left;
    font-size: 14px
}

.choose_lesson_new_wrap .price_wrap_ordinary .price_before {
    float: left;
    text-decoration: line-through;
    font-size: 12px;
    margin-right: .133333rem;
    position: relative;
    top: 2px;
    color: #999
}

.choose_lesson_new_wrap .price_wrap_ordinary .buy_now {
    -webkit-box-flex: 13;
    -moz-box-flex: 13;
    box-flex: 13;
    -webkit-flex: 13;
    -moz-flex: 13;
    -ms-flex: 13;
    flex: 13;
    background-color: #f60;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 1.33333rem
}

.choose_lesson_new_wrap .price_wrap_ordinary .disable {
    background: #ccc
}

.choose_lesson_new_wrap .notice {
    font-size: 12px;
    padding-left: .333333rem;
    padding-right: .333333rem;
    line-height: .666667rem;
    vertical-align: middle
}

.choose_lesson_new_wrap .icon-close {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999
}

.choose_lesson_new_wrap .icon-close em {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/535/icon_close.95ddaff5ede09909b16e60295bc38bb2.png) no-repeat;
    background-size: 100% 100%;
    width: .5rem;
    height: .5rem;
    left: 50%;
    top: 50%;
    margin-left: -.25rem;
    margin-top: -.25rem;
    position: absolute;
    z-index: 3
}

.choose_lesson_new_wrap .pkg_final_price {
    margin-right: .6rem
}

.choose_lesson_new_wrap .pkg_final_price b {
    font-style: normal;
    text-decoration: line-through;
    color: #999;
    margin-right: 5px;
    font-size: 12px
}

.choose_lesson_new_wrap .pkg_final_price em {
    color: #f60;
    margin-right: 5px
}

.choose_lesson_new_wrap .info_package_wrap {
    padding-top: .333333rem;
    border-bottom: 1px solid #e6e6e6
}

.choose_lesson_new_wrap .info_package_wrap .t {
    font-size: 16px;
    padding-bottom: .333333rem;
    color: #333
}

.choose_lesson_new_wrap .info_package_wrap .info {
    color: #999;
    font-size: 14px;
    padding-bottom: .333333rem;
    border-bottom: 1px solid #e6e6e6
}

.choose_lesson_live_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 16px;
    background: #fff;
    color: #999;
    z-index: 101
}

.choose_lesson_live_wrap * {
    box-sizing: border-box
}

.choose_lesson_live_wrap .origin_price {
    color: #bbb;
    font-size: 12px;
    text-decoration: line-through;
    font-weight: 400;
    margin-left: .2rem
}

.choose_lesson_live_wrap .teacher_infos {
    width: 100%;
    height: 1.6667rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: start;
    -moz-justify-content: start;
    -ms-justify-content: start;
    -o-justify-content: start;
    justify-content: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    border-bottom: 1px solid #e6e6e6
}

.choose_lesson_live_wrap .teacher_infos .teacher_img {
    width: 1rem;
    height: 1rem;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.choose_lesson_live_wrap .teacher_infos .teacher_img img {
    width: 100%;
    height: auto
}

.choose_lesson_live_wrap .teacher_infos .teacher_name {
    font-size: .4rem;
    color: #333;
    margin-left: 5px
}

.choose_lesson_live_wrap .swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
    position: relative;
    left: 0;
    top: 0
}

.choose_lesson_live_wrap .title {
    padding-top: .333333rem;
    padding-bottom: .333333rem;
    font-size: 16px;
    margin-top: 0;
    color: #666
}

.choose_lesson_live_wrap .title p {
    margin: 0;
    line-height: 1.5;
    font-size: 16px
}

.choose_lesson_live_wrap .css_swipe_wrap {
    background: #fff;
    text-align: left
}

.choose_lesson_live_wrap .css_swipe_wrap.swiper-slide {
    width: 100%;
    height: auto;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

.choose_lesson_live_wrap .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.choose_lesson_live_wrap .mtR40 {
    margin-top: .533333rem
}

.choose_lesson_live_wrap .grade_wrap, .choose_lesson_live_wrap .site_type_wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px
}

.choose_lesson_live_wrap .site_item {
    padding: .2rem .266667rem;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #dedede;
    text-align: center;
    color: #666;
    margin-right: .333333rem;
    margin-bottom: .333333rem;
    position: relative;
    z-index: 100
}

.choose_lesson_live_wrap .site_item.active {
    border: 1px solid #ff9f0f;
    background: #fff4e5;
    color: #ff6e10
}

.choose_lesson_live_wrap .site_item p {
    margin: 0
}

.choose_lesson_live_wrap .pengyoutuan_price_wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px
}

.choose_lesson_live_wrap .t_item {
    padding: .2rem .266667rem;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #dedede;
    text-align: center;
    color: #666;
    margin-right: .333333rem;
    margin-bottom: .333333rem
}

.choose_lesson_live_wrap .t_item.active {
    border: 1px solid #ff9f0f;
    background: #fff4e5;
    color: #ff6e10
}

.choose_lesson_live_wrap .t_item p {
    margin: 0
}

.choose_lesson_live_wrap .grade_item {
    width: 1.65333rem;
    height: .8rem;
    line-height: .8rem;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #dedede;
    text-align: center;
    color: #666;
    margin-right: .333333rem;
    margin-bottom: .333333rem
}

.choose_lesson_live_wrap .grade_item.active {
    border: 1px solid #ff9f0f;
    background: #fff4e5;
    color: #ff6e10
}

.choose_lesson_live_wrap .pkg_item {
    width: 90%;
    height: 1rem;
    border-radius: 5px;
    border: 1px solid #dedede;
    padding-left: .333333rem;
    padding-right: .333333rem;
    margin-bottom: .333333rem;
    line-height: 1.2;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    font-size: .4rem;
    color: #666
}

.choose_lesson_live_wrap .pkg_item.active {
    border: 1px solid #ff9f0f;
    background: #fff4e5;
    color: #ff6e10
}

.choose_lesson_live_wrap .pkg_item.disable {
    background: #f0f0f0
}

.choose_lesson_live_wrap .pkg_item p {
    margin: 0
}

.choose_lesson_live_wrap .pkg_item div {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.choose_lesson_live_wrap .item.item-pad {
    padding-top: .266667rem;
    margin-top: 0
}

.choose_lesson_live_wrap .item.item-pengyoutuan {
    display: none
}

.choose_lesson_live_wrap .item .course-item-wrap {
    width: 2.03333rem;
    color: #666
}

.choose_lesson_live_wrap .item .course-item-wrap, .choose_lesson_live_wrap .item .fake-div {
    display: block;
    height: 1rem;
    line-height: 1rem;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    background-color: #e6e6e6
}

.choose_lesson_live_wrap .item .fake-div {
    width: 2.33333rem
}

.choose_lesson_live_wrap .item .free_audition_btn {
    width: 4.66667rem
}

.choose_lesson_live_wrap .item .free_audition_btn.active {
    border: 1px solid #ff9f0f;
    background: #fff4e5;
    color: #ff6e10
}

.choose_lesson_live_wrap .item span {
    display: block;
    height: 1rem;
    line-height: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 2.93333rem;
    float: left;
    font-size: 14px;
    text-align: center
}

.choose_lesson_live_wrap .item span b, .choose_lesson_live_wrap .item span i {
    font-weight: 400;
    font-style: normal
}

.choose_lesson_live_wrap .item .free_audition {
    width: 4.66667rem;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

.choose_lesson_live_wrap .item .active {
    border: 1px solid #f90;
    background: #f90;
    color: #fff
}

.choose_lesson_live_wrap .price_wrap_ordinary {
    margin-top: .133333rem;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e0e0e0
}

.choose_lesson_live_wrap .price_wrap_ordinary .price_ord {
    -webkit-box-flex: 25;
    -moz-box-flex: 25;
    box-flex: 25;
    -webkit-flex: 25;
    -moz-flex: 25;
    -ms-flex: 25;
    flex: 25;
    font-size: 18px;
    padding-left: .333333rem;
    color: #666;
    line-height: 1.33333rem
}

.choose_lesson_live_wrap .price_wrap_ordinary .price_ord span {
    color: #f60
}

.choose_lesson_live_wrap .price_wrap_ordinary .price_ord .big {
    font-size: 20px
}

.choose_lesson_live_wrap .price_wrap_ordinary .price_ord .small {
    font-size: 14px
}

.choose_lesson_live_wrap .price_wrap_ordinary .price_now {
    font-size: 14px;
    margin-right: .4rem;
    color: #f60;
    float: left
}

.choose_lesson_live_wrap .price_wrap_ordinary .price_ {
    float: left;
    font-size: 14px
}

.choose_lesson_live_wrap .price_wrap_ordinary .price_before {
    float: left;
    text-decoration: line-through;
    font-size: 12px;
    margin-right: .133333rem;
    position: relative;
    top: 2px;
    color: #999
}

.choose_lesson_live_wrap .price_wrap_ordinary .buy_now {
    -webkit-box-flex: 13;
    -moz-box-flex: 13;
    box-flex: 13;
    -webkit-flex: 13;
    -moz-flex: 13;
    -ms-flex: 13;
    flex: 13;
    background-color: #f60;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 1.33333rem
}

.choose_lesson_live_wrap .notice {
    font-size: 12px;
    padding-left: .333333rem;
    padding-right: .333333rem;
    line-height: .666667rem;
    vertical-align: middle
}

.choose_lesson_live_wrap .icon-close {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999
}

.choose_lesson_live_wrap .icon-close em {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/535/icon_close.95ddaff5ede09909b16e60295bc38bb2.png) no-repeat;
    background-size: 100% 100%;
    width: .5rem;
    height: .5rem;
    left: 50%;
    top: 50%;
    margin-left: -.25rem;
    margin-top: -.25rem;
    position: absolute;
    z-index: 3
}

.choose_lesson_live_wrap .pkg_final_price {
    margin-right: .6rem
}

.choose_lesson_live_wrap .pkg_final_price b {
    font-style: normal;
    text-decoration: line-through;
    color: #999;
    margin-right: 5px;
    font-size: 12px
}

.choose_lesson_live_wrap .pkg_final_price em {
    color: #f60;
    margin-right: 5px
}

.choose_lesson_live_wrap .info_package_wrap {
    padding-top: .333333rem;
    border-bottom: 1px solid #e6e6e6
}

.choose_lesson_live_wrap .info_package_wrap .t {
    font-size: 16px;
    padding-bottom: .333333rem;
    color: #333
}

.choose_lesson_live_wrap .info_package_wrap .info {
    color: #999;
    font-size: 14px;
    padding-bottom: .333333rem;
    border-bottom: 1px solid #e6e6e6
}

.is_winter_package {
    background: #f90 !important
}

.activity_stock {
    clear: both;
    display: block;
    margin-bottom: .2rem;
    font-size: 13px;
    color: #ff4d28
}

.recommend_list {
    font-size: 14px;
    background: #fff
}

.recommend_list .title {
    font-size: 16px;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle;
    padding-left: .333333rem
}

.recommend_list .icon {
    float: left;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    font-size: 11px;
    margin-left: 3px;
    position: relative;
    top: 3px
}

.recommend_list .icon_tuan {
    background: #f60;
    color: #fff
}

.recommend_list .icon_live {
    background: #23cd77;
    color: #fff;
    width: auto;
    padding-left: 3px;
    padding-right: 3px
}

.recommend_list .icon_offprice {
    background: #f90;
    color: #fff
}

.recommend_list .icon_hot {
    background: #ff4966;
    color: #fff
}

.recommend_list .tags {
    color: #666
}

.recommend_list .tags em {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/540/icon_ok.31686c305742996a23fb798216ecb373.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .133333rem
}

.recommend_list h3 {
    margin: 0;
    font-size: 16px;
    color: #333;
    position: relative;
    height: 22px
}

.recommend_list h3 .t_name {
    max-width: 5rem;
    float: left;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recommend_list h3 .is_trm {
    padding-left: 65px;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/590/icon_trm.0a537858de63ae81c49f12b5b18ad999.png) no-repeat;
    background-size: auto 14px;
    background-position: 0
}

.recommend_list h3 .is_trmt {
    padding-left: 65px;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/590/icon_trmt.4ca4cf1be0769379f340a5877f769899.png) no-repeat;
    background-size: auto 14px;
    background-position: 0
}

.recommend_list .item {
    border-top: 1px solid #f0f0f0;
    padding: .333333rem
}

.recommend_list .l {
    width: 2.05333rem;
    height: 2.05333rem;
    float: left;
    overflow: hidden
}

.recommend_list .l img {
    width: 100%;
    border-radius: 5px;
    height: auto
}

.recommend_list .price {
    color: #f60;
    right: 0;
    bottom: 0;
    position: absolute;
    vertical-align: bottom
}

.recommend_list .price span {
    font-size: 12px
}

.recommend_list .star_icons {
    overflow: hidden
}

.recommend_list .star_icons .star-wrap {
    float: left;
    display: inline-block;
    width: 2.13333rem;
    height: .533333rem;
    line-height: .533333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/540/star_normal.072ba3ec917492632db30616d115ba18.png) no-repeat;
    background-size: 100% 100%;
    margin: .08rem .133333rem .08rem -.0533333rem
}

.recommend_list .star_icons .star-wrap .abs {
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/540/star_full.ac3fd152688e71479a8e16e93eed3256.png) no-repeat;
    background-size: 2.13333rem .533333rem;
    height: .533333rem
}

.recommend_list .distance {
    position: absolute;
    right: 0;
    top: 0
}

.recommend_list .recommend_reason {
    position: relative;
    height: 18px
}

.recommend_list .recommend_reason span {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding: 0 10px;
    border-radius: 10px;
    border: 1px solid #23cd77;
    color: #23cd77;
    font-size: 12px
}

.recommend_list .r {
    margin-left: 2.33333rem
}

.package_info_notice {
    width: 100%;
    vertical-align: middle;
    padding-left: .3333rem;
    box-sizing: border-box;
    background: #fff;
    position: relative
}

.package_info_notice .icon_offsale {
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 0;
    top: 0
}

.package_info_notice .icon_offsale > div {
    position: absolute;
    width: .48rem;
    height: .48rem;
    left: .333333rem;
    top: 50%;
    margin-top: -.24rem;
    color: #fff;
    border-radius: 5px;
    background: #f60;
    line-height: .48rem;
    vertical-align: middle;
    text-align: center;
    font-size: 12px
}

.package_info_notice .package_notice_title {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    padding-left: .7rem;
    box-sizing: border-box
}

.package_info_notice .package_notice_title .is_shujia_package {
    padding-right: 1rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/570/icon_teacherlist_jxkc.23e21978bfc1e273484ba264f18ef6ea.png) no-repeat;
    background-size: auto 14px;
    background-position: 100%
}

.package_info_notice .package_notice {
    width: 100%;
    margin-bottom: .333rem
}

.package_info_notice .package_notice span {
    box-sizing: border-box;
    margin-left: .7rem;
    display: inline-block;
    max-width: 8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.package_info_notice .icon_more {
    position: absolute;
    top: 0;
    width: .5rem;
    height: 100%;
    right: .2rem
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-pengyoutuan {
    background: #f0f0f0
}

.whole_container {
    width: 100%;
    min-height: 100%;
    padding-bottom: 1.0133333rem
}

.header_wrap {
    position: relative;
    border-top: .053333rem solid #e6e6e6
}

.header_wrap, .header_wrap .banner {
    width: 100%;
    height: 4.66667rem
}

.header_wrap .banner img {
    width: 100%;
    height: 100%
}

.header_wrap .banner .question {
    position: absolute;
    right: 0;
    bottom: .213333rem;
    width: 2.613333rem;
    height: .666667rem;
    line-height: .666667rem;
    background-color: #fd822f;
    opacity: .8;
    color: #fff;
    text-align: center;
    border-top-left-radius: .333333rem;
    border-bottom-left-radius: .333333rem
}

.content_wrap {
    width: 100%;
    position: relative;
    background-color: #f0f0f0;
    padding-bottom: .32rem
}

.text_prompt {
    width: 100%;
    height: 1.04rem;
    line-height: 1.04rem;
    padding-left: .373333rem;
    color: #6c6c6c;
    font-size: 14px
}

.lists_wrap {
    width: 100%;
    padding-left: .32rem;
    padding-right: .32rem
}

.list_item {
    width: 100%;
    background-color: #fff;
    border-radius: .133333rem;
    margin-bottom: .32rem
}

.list_item .infos_up {
    padding-top: .16rem;
    padding-left: .32rem;
    padding-right: .32rem;
    border-bottom: .053333rem solid #f9f9f9
}

.infos_up .course {
    height: .64rem;
    line-height: .64rem;
    font-size: 16px;
    color: #2f2f2f;
    font-weight: 700;
    position: relative
}

.infos_up .course .icon {
    display: inline-block;
    padding-left: .2rem;
    padding-right: .2rem;
    line-height: .5rem;
    text-align: center;
    background-color: #f90;
    border-radius: .106667rem;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: .32rem;
    margin-top: -.25rem;
    margin-left: .213333rem
}

.infos_up .contact {
    line-height: .56rem;
    color: #666;
    font-size: 13px
}

.infos_up .cource_nums, .infos_up .location {
    line-height: .56rem;
    color: #a3a3a3;
    font-size: 13px
}

.infos_up .cource_nums {
    height: .56rem
}

.infos_down {
    width: 100%;
    height: 1.013333rem;
    border-bottom-left-radius: .133333rem;
    border-bottom-right-radius: .133333rem
}

.infos_down .price {
    float: left;
    text-align: center;
    width: 5.68rem;
    height: 1.013333rem
}

.infos_down .price .price_before {
    height: .986667rem;
    line-height: .986667rem;
    color: #979797;
    text-decoration: line-through
}

.infos_down .price .price_ {
    height: .986667rem;
    line-height: .986667rem;
    color: #7a7a7a;
    font-size: 16px;
    font-weight: 700
}

.infos_down .price .price_now {
    height: .986667rem;
    line-height: .986667rem;
    color: #ff6000;
    font-size: 16px
}

.infos_down .go {
    float: right;
    width: 3.666667rem;
    height: 1.013333rem;
    line-height: 1.013333rem;
    text-align: center;
    background-color: #f60;
    border-bottom-right-radius: .133333rem;
    font-size: 15px;
    color: #fff
}

.footer_wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.333333rem;
    line-height: 1.333333rem;
    text-align: center;
    color: #fff;
    font-size: 18px;
    z-index: 5;
    background-color: #f90
}

.pengyoutuan_introduce {
    font-size: 14px;
    background: #fff
}

.pengyoutuan_introduce.fixed_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1001
}

.pengyoutuan_introduce .p_title {
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    vertical-align: middle;
    text-align: center
}

.pengyoutuan_introduce .icon_close {
    position: absolute;
    top: 0;
    right: 0;
    width: .8rem;
    height: .8rem;
    background: url(https://static.changingedu.com/static/assets/common/images/common_icons/icon_close.95ddaff5ede09909b16e60295bc38bb2.png) no-repeat;
    background-size: 50% 50%;
    background-position: 50%
}

.pengyoutuan_introduce .item_wrap {
    padding-left: .6rem;
    padding-bottom: .333333rem
}

.pengyoutuan_introduce .item {
    position: relative;
    padding-left: .666667rem;
    line-height: .746667rem;
    vertical-align: middle;
    padding-right: .333333rem
}

.pengyoutuan_introduce .item .icon {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    height: .746667rem
}

.pengyoutuan_introduce .item .icon div {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f60
}

.pengyoutuan_introduce .confirm_btn {
    width: 100%;
    height: 1.33333rem;
    line-height: 1.33333rem;
    color: #fff;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    background: #f60
}

.common-pad_web {
    padding-top: 2.8rem
}

.comment-wrap .comment_web_wrap .tag-grade {
    position: static
}

.comment_native_header {
    height: 1.4rem;
    line-height: 1.4rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 18px;
    background: #fff;
    z-index: 5;
    border-bottom: 1px solid #f0f0f0;
    color: #999;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.comment_native_header.bar_web {
    position: static
}

.comment_native_header > div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.comment_native_header > div.active .tag_item {
    color: #23cd77;
    border-bottom: 1px solid #23cd77
}

.comment_native_header .tag_item {
    width: 2rem;
    height: 1.4rem;
    line-height: 1.4rem;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    text-align: center;
    min-width: 100px
}

.new_m_header .header .save_back {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.2rem;
    font-size: 14px;
    height: 1.4rem;
    line-height: 1.4rem;
    vertical-align: middle;
    text-align: center;
    color: #666
}

.pyt_share_notice_wrap {
    color: #666;
    font-size: 14px
}

.pyt_share_notice_wrap .title {
    font-size: 16px;
    height: .866667rem;
    line-height: .866667rem;
    color: #333;
    vertical-align: middle
}

.personal_tags_wrap {
    font-size: 14px;
    color: #999
}

.personal_tags_wrap h3 {
    margin: 0;
    font-size: 15px;
    color: #333;
    padding-bottom: .226667rem
}

.personal_tags_wrap .left {
    width: .413333rem;
    height: .4rem;
    float: left;
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -3.38667rem -3.88rem;
    background-size: 5.73333rem 5.30667rem;
    position: relative;
    top: 3px
}

.personal_tags_wrap .right {
    margin-left: .56rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #28ce7a
}

.personal_tags_wrap .right.line3 {
    -webkit-line-clamp: 3;
    margin-bottom: .266667rem
}

.ptR20 {
    padding-top: .266667rem
}

.school_tag_page {
    background: #fff
}

.cert-example .school_item {
    height: 1.33333rem;
    line-height: 1.33333rem;
    vertical-align: middle;
    padding-left: .333333rem;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #f0f0f0
}

body {
    height: 100%;
    background-color: #f0f0f0
}

.info_package, body {
    width: 100%
}

.info_package .course_package_items {
    width: 100%;
    box-sizing: border-box;
    padding: .2rem .3333rem;
    position: relative;
    background-color: #fff;
    margin-bottom: .3333rem
}

.info_package .course_package_items .package_items_wrap {
    width: 100%;
    height: .74rem;
    line-height: .74rem
}

.info_package .course_package_items .package_items_wrap span {
    border-left: 3px solid #24cd77;
    padding-left: 5px;
    font-size: .38rem;
    color: #393939
}

.info_package .course_package_items .package_items_wrap .is_gf {
    padding-right: .75rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/555/icon_teacherpage_gf@2x.64ac12d87b11692632a918f753b4f0ee.png) no-repeat;
    background-size: .6667rem .35rem;
    background-position: 100%
}

.info_package .course_package_items .official_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: .73333rem;
    height: .73333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/555/icon_guanfang.61edcc7e20577ff94f2d37f3ab863eeb.png) no-repeat;
    background-size: 100%
}

.info_package .course_package_items .package_items_main {
    width: 100%;
    position: relative
}

.info_package .course_package_items .package_items_main .is_official {
    width: 100%;
    height: .74rem;
    line-height: .74rem;
    box-sizing: border-box;
    padding-left: .28rem
}

.info_package .course_package_items .package_items_main .is_official span {
    padding-left: .62rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/555/icon_official.4483638bd29e2c6d7c44917e19ac576a.png) no-repeat;
    background-size: .6rem 100%;
    font-size: .38rem;
    color: #393939
}

.info_package .course_package_items .package_items_main .course_package_times {
    width: 100%;
    height: .64rem;
    line-height: .64rem;
    box-sizing: border-box;
    padding: 0 .28rem;
    font-size: .38rem;
    color: #5a5a5a;
    position: relative
}

.info_package .course_package_items .package_items_main .course_package_times .course_package_price {
    height: 100%;
    position: absolute;
    right: .5rem;
    top: 0;
    color: #ff8736
}

.info_package .course_package_items .package_items_main .course_package_times .course_package_price .old_price {
    color: #9b9b9b;
    text-decoration: line-through
}

.info_package .course_package_items .package_items_main .icon_more {
    position: absolute;
    width: .5rem;
    height: 100%;
    right: -.18rem;
    top: 0
}

.info_package .course_package_items .package_items_main .icon_more > div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.08rem;
    height: .28rem;
    width: .173333rem;
    margin-top: -.14rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/icons/icon-btn-more.f5774966148596f37a1fcac291bd4b76.png) no-repeat;
    background-size: 100% 100%
}

.intro_info_wrap .official_packages_wrap {
    width: 100%;
    box-sizing: border-box;
    padding-top: .347222rem;
    background-color: #fff;
    z-index: 10
}

.intro_info_wrap .official_packages_wrap .course_package_items {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: .347222rem;
    border-bottom: 1px solid #f0f0f0
}

.intro_info_wrap .official_packages_wrap .course_package_items .package_items_wrap {
    width: 100%;
    height: .74rem;
    line-height: .74rem
}

.intro_info_wrap .official_packages_wrap .course_package_items .package_items_wrap span {
    display: inline-block;
    width: 100%;
    height: .45rem;
    line-height: .45rem;
    border-left: 3px solid #21cd76;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: .45rem;
    color: #292929
}

.intro_info_wrap .official_packages_wrap .course_package_items .is_official {
    width: 100%;
    height: .74rem;
    line-height: .74rem;
    box-sizing: border-box;
    padding-left: .28rem
}

.intro_info_wrap .official_packages_wrap .course_package_items .is_official span {
    padding-left: .62rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/555/icon_official.4483638bd29e2c6d7c44917e19ac576a.png) no-repeat;
    background-size: .6rem 100%;
    font-size: .38rem;
    color: #393939
}

.intro_info_wrap .official_packages_wrap .course_package_items .course_package_times {
    width: 100%;
    height: .64rem;
    line-height: .64rem;
    box-sizing: border-box;
    font-size: .38rem;
    padding-left: 10px;
    color: #5a5a5a;
    position: relative
}

.intro_info_wrap .official_packages_wrap .course_package_items .price_count {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px
}

.intro_info_wrap .official_packages_wrap .course_package_items .price_count .course_package_price {
    width: 100%;
    color: #ff8736;
    box-sizing: content-box;
    padding-bottom: 5px
}

.intro_info_wrap .official_packages_wrap .course_package_items .price_count .course_package_price .package_price {
    padding-right: .3rem
}

.intro_info_wrap .official_packages_wrap .course_package_items .price_count .course_package_price .package_price span {
    color: #5a5a5a
}

.intro_info_wrap .official_packages_wrap .course_package_items .price_count .course_package_price .pyt_price {
    padding-left: .3rem;
    border-left: 1px solid #ccc
}

.intro_info_wrap .official_packages_wrap .course_package_items .price_count .course_package_price .pyt_price span {
    color: #5a5a5a
}

.intro_info_wrap .official_packages_wrap .ziliao {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0 5px 10px;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0
}

.intro_info_wrap .official_packages_wrap .ziliao .ziliao_title {
    box-sizing: border-box;
    padding-left: .347222rem;
    font-size: .45rem;
    color: #333
}

.intro_info_wrap .official_packages_wrap .ziliao .ziliao_list {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: .347222rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start
}

.intro_info_wrap .official_packages_wrap .ziliao .ziliao_list .item {
    font-size: .32rem;
    margin-right: .25rem;
    color: #666;
    float: left;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle
}

.intro_info_wrap .official_packages_wrap .ziliao .ziliao_list .item .cert_wrap {
    width: .5rem;
    position: relative;
    height: 1rem;
    line-height: 1rem
}

.intro_info_wrap .official_packages_wrap .ziliao .ziliao_list .item .cert_wrap em {
    width: .32rem;
    height: .32rem;
    position: absolute;
    top: 50%;
    margin-top: -.16rem;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/icon_teacher_yes@2x.5c30cea0db174dfbdd56de4bebf4035a.png) no-repeat;
    background-size: 100% 100%
}

.intro_info_wrap .official_packages_wrap .ziliao .ziliao_list .item .cert_wrap b {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: 50%;
    margin-top: -.19rem;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/icon_teacher_yes_gary@2x.e783d7b66af5d8a4db97eca3b73729fc.png) no-repeat;
    background-size: 100% 100%
}

.intro_info_wrap .official_packages_wrap .ziliao .ziliao_list .item span {
    line-height: 1rem;
    vertical-align: middle
}

.intro_info_wrap .official_packages_wrap .teacher_message {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0 5px 10px;
    overflow: hidden
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_title {
    box-sizing: border-box;
    padding-left: .347222rem;
    height: .65rem;
    line-height: .65rem;
    font-size: .45rem;
    color: #333
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0;
    padding-left: .347222rem;
    position: relative
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main .teacher_l {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 7px;
    left: .347222rem;
    border-radius: 5px;
    overflow: hidden;
    z-index: 10
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main .teacher_l img {
    width: 100%;
    height: auto
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main .teacher_r {
    width: 100%;
    box-sizing: border-box;
    padding: 3px 0 3px 1.3rem;
    min-height: 1.2rem;
    position: relative;
    z-index: 9
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main .teacher_r .teacher_name {
    font-size: .426rem;
    color: #666
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main .teacher_r .is_official {
    width: 100%;
    color: #666
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main .teacher_r .is_official span {
    padding-left: .62rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/555/icon_official.4483638bd29e2c6d7c44917e19ac576a.png) no-repeat;
    background-size: .6rem 100%;
    font-size: .38rem
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main .teacher_r .teacher_detail {
    font-size: .32rem;
    color: #999
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main .teacher_r .teacher_detail span {
    margin: 0;
    padding: 0 4px 0 3px;
    border-right: 1px solid #e6e6e6;
    float: left
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main .teacher_r .teacher_detail span:first-child {
    padding-left: 0
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main .teacher_r .teacher_detail span:last-child {
    padding-right: 0;
    border-right: none
}

.intro_info_wrap .official_packages_wrap .teacher_message .teacher_main .teacher_r .not_official {
    position: absolute;
    bottom: 0;
    left: 1.3rem
}

.whole_container .official_packages_wrap {
    width: 100%;
    box-sizing: border-box;
    padding-top: .347222rem;
    padding-bottom: .3rem;
    background-color: #fff;
    z-index: 10
}

.whole_container .official_packages_wrap .course_package_items {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: .347222rem;
    padding-right: .347222rem
}

.whole_container .official_packages_wrap .course_package_items .package_items_wrap {
    width: 100%;
    height: .74rem;
    line-height: .74rem
}

.whole_container .official_packages_wrap .course_package_items .package_items_wrap span {
    display: inline-block;
    width: 100%;
    height: .45rem;
    line-height: .45rem;
    border-left: 3px solid #21cd76;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: .45rem;
    color: #292929
}

.whole_container .official_packages_wrap .course_package_items .is_official {
    width: 100%;
    height: .74rem;
    line-height: .74rem;
    box-sizing: border-box;
    padding-left: .28rem
}

.whole_container .official_packages_wrap .course_package_items .is_official span {
    padding-left: .62rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/555/icon_official.4483638bd29e2c6d7c44917e19ac576a.png) no-repeat;
    background-size: .6rem 100%;
    font-size: .38rem;
    color: #393939
}

.whole_container .official_packages_wrap .course_package_items .course_introduction {
    width: 100%;
    height: .673rem;
    line-height: .673rem;
    padding: 0 .4rem 0 .333rem;
    font-size: .3733rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/585/icon_student_h5_page_arrow.d749d4e4c1bb9acd3300c55b0115bd5d.png) no-repeat;
    background-size: auto .3733rem;
    background-position: 100%
}

.whole_container .official_packages_wrap .course_package_items .course_package_times {
    font-size: .3733rem;
    color: #5a5a5a;
    position: relative
}

.whole_container .official_packages_wrap .course_package_items .course_package_times, .whole_container .official_packages_wrap .course_package_items .price_count {
    width: 100%;
    height: .673rem;
    line-height: .673rem;
    box-sizing: border-box;
    padding-left: 10px
}

.whole_container .official_packages_wrap .course_package_items .price_count .course_package_price {
    width: 100%;
    color: #ff8736;
    box-sizing: content-box;
    padding-bottom: 5px;
    font-size: .3733rem
}

.whole_container .official_packages_wrap .course_package_items .price_count .course_package_price .package_price {
    padding-left: .3rem;
    text-decoration: line-through;
    color: #999 !important
}

.whole_container .official_packages_wrap .course_package_items .price_count .course_package_price .pyt_price span {
    color: #5a5a5a
}

.whole_container .official_packages_wrap .ziliao {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0 5px 10px;
    overflow: hidden
}

.whole_container .official_packages_wrap .ziliao .ziliao_title {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: .45rem;
    color: #292929
}

.whole_container .official_packages_wrap .ziliao .ziliao_title > span {
    display: inline-block;
    width: 100%;
    padding-top: .3rem;
    border-top: 1px solid #f0f0f0
}

.whole_container .official_packages_wrap .ziliao .ziliao_list {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: .347222rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start
}

.whole_container .official_packages_wrap .ziliao .ziliao_list .item {
    font-size: .32rem;
    margin-right: .25rem;
    color: #666;
    float: left;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle
}

.whole_container .official_packages_wrap .ziliao .ziliao_list .item .cert_wrap {
    width: .5rem;
    position: relative;
    height: 1rem;
    line-height: 1rem
}

.whole_container .official_packages_wrap .ziliao .ziliao_list .item .cert_wrap em {
    width: .32rem;
    height: .32rem;
    position: absolute;
    top: 50%;
    margin-top: -.16rem;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/icon_teacher_yes@2x.5c30cea0db174dfbdd56de4bebf4035a.png) no-repeat;
    background-size: 100% 100%
}

.whole_container .official_packages_wrap .ziliao .ziliao_list .item .cert_wrap b {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: 50%;
    margin-top: -.19rem;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/500/icon_teacher_yes_gary@2x.e783d7b66af5d8a4db97eca3b73729fc.png) no-repeat;
    background-size: 100% 100%
}

.whole_container .official_packages_wrap .ziliao .ziliao_list .item span {
    line-height: 1rem;
    vertical-align: middle
}

.whole_container .official_packages_wrap .teacher_message {
    width: 100%;
    box-sizing: border-box;
    padding: 5px .33rem 5px 10px;
    overflow: hidden
}

.whole_container .official_packages_wrap .teacher_message .teacher_title {
    box-sizing: border-box;
    padding-left: .347222rem;
    padding-right: .4rem;
    border-left: 3px solid #21cd76;
    height: .45rem;
    line-height: .45rem;
    font-size: .45rem;
    color: #333;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/585/icon_student_h5_page_arrow.d749d4e4c1bb9acd3300c55b0115bd5d.png) no-repeat;
    background-size: auto .3733rem;
    background-position: 100%
}

.whole_container .official_packages_wrap .teacher_message .teacher_main {
    width: 100%;
    box-sizing: border-box;
    padding-top: .3rem;
    position: relative
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_l {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 7px;
    left: .347222rem;
    border-radius: 5px;
    overflow: hidden;
    z-index: 10
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_l img {
    width: 100%;
    height: auto
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_r {
    width: 100%;
    box-sizing: border-box;
    padding-left: .347222rem;
    position: relative;
    z-index: 9
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_r .teacher_name {
    font-size: .426rem;
    color: #666
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_r .is_official {
    width: 100%;
    color: #666
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_r .is_official span {
    padding-left: .62rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/555/icon_official.4483638bd29e2c6d7c44917e19ac576a.png) no-repeat;
    background-size: .6rem 100%;
    font-size: .38rem
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_r .teacher_detail {
    font-size: .3733rem;
    color: #999;
    overflow: hidden
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_r .teacher_detail span {
    margin: 0;
    padding: 0 4px 0 3px;
    border-right: 1px solid #e6e6e6;
    float: left
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_r .teacher_detail span:first-child {
    padding-left: 0
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_r .teacher_detail span:last-child {
    padding-right: 0;
    border-right: none
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_r .not_official {
    position: absolute;
    bottom: 0;
    left: 1.3rem
}

.whole_container .official_packages_wrap .teacher_message .teacher_main .teacher_r .teacher_address {
    width: 100%;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/585/icon_student_h5_page_arrow.d749d4e4c1bb9acd3300c55b0115bd5d.png) no-repeat;
    background-size: auto .3733rem;
    background-position: 100%;
    padding: 0 .4rem 0 0;
    margin-top: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    font-size: .3733rem
}

.whole_container .official_packages_wrap .teacher_imgs {
    width: 100%;
    height: 2.333rem;
    box-sizing: border-box;
    padding-left: .677222rem;
    margin-top: .3rem;
    z-index: 9
}

.whole_container .official_packages_wrap .teacher_imgs .img_wrap {
    height: 100%;
    font-size: 0
}

.whole_container .official_packages_wrap .teacher_imgs .img_wrap .item {
    width: 2.333rem;
    height: 2.333rem;
    margin-right: .3rem;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff
}

.whole_container .official_packages_wrap .teacher_imgs .img_wrap .item img {
    width: 100%;
    height: auto
}

.pop_course_mark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(1, 1, 1, .6)
}

.fix_home_top {
    position: fixed !important;
    top: 0
}

.pop_course_wrap {
    width: 6.6667rem;
    height: 8rem;
    box-sizing: border-box;
    position: fixed;
    left: 1.6667rem;
    top: 3.5rem;
    background-color: #fff;
    z-index: 100 !important;
    padding: .56rem;
    border-radius: 5px
}

.pop_course_wrap .close_btn {
    width: .6rem;
    height: .6rem;
    position: absolute;
    top: -.3rem;
    right: -.3rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/585/icon_student_h5_toast_close_.4cfaac8c1dedd2b3e13b5bd806e8bdb5.png) no-repeat;
    background-size: .6rem;
    background-position: 50%
}

.pop_course_wrap .pop_course_count {
    width: 100%;
    height: 100%;
    overflow: scroll
}

.pop_course_wrap .pop_course_count .pop_course_introduce {
    width: 100%
}

.pop_course_wrap .pop_course_count .pop_course_introduce .introduce_title {
    font-size: .4rem;
    color: #333
}

.pop_course_wrap .pop_course_count .pop_course_introduce .introduce_content {
    font-size: .373rem;
    color: #666;
    margin-top: .266rem
}

.pop_course_wrap .pop_course_count .course_outline {
    width: 100%;
    margin-top: .58rem
}

.pop_course_wrap .pop_course_count .course_outline .outline_title {
    font-size: .4rem;
    color: #333
}

.pop_course_wrap .pop_course_count .course_outline .outline_list {
    font-size: .373rem;
    color: #666;
    padding-top: .15rem
}

.pop_course_wrap .pop_course_count .course_outline .outline_list .outline_item {
    width: 100%;
    padding: .15rem 0
}

.pop_course_wrap .pop_course_count .course_outline .outline_list .outline_item .outline_index {
    float: left;
    width: 55px
}

.pop_course_wrap .pop_course_count .course_outline .outline_list .outline_item .outline_count {
    margin-left: 55px
}

.popup-common-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    top: 0;
    left: 50%;
    margin-left: -50%;
    z-index: 1000;
    background: rgba(0, 0, 0, .5)
}

.teacher-new .header-top {
    width: 100%;
    background: #fff;
    color: #666;
    position: relative
}

.teacher-new .header-top.show_download {
    margin-top: 2.53333rem
}

.teacher-new .header-top.show_download.mt0 {
    margin-top: 0
}

.teacher-new .header-top.mtbanner {
    margin-top: 1.2rem
}

.teacher-new .header-top .head-comment {
    height: 1.66667rem;
    bottom: 0;
    left: 0;
    position: absolute;
    font-size: 14px;
    border-top: 1px solid #f0f0f0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -moz-box-pack: left;
    box-pack: left;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    -o-justify-content: left;
    justify-content: left;
    -ms-flex-pack: left
}

.teacher-new .header-top .head-comment > div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding-top: .24rem;
    padding-bottom: .24rem;
    height: 100%
}

.teacher-new .header-top .head-comment > div:last-child .item-wrap {
    border-right: none
}

.teacher-new .header-top .head-comment .item-wrap {
    border-right: 1px solid #f0f0f0;
    height: .56rem;
    line-height: .56rem
}

.teacher-new .header-top .head-comment .item-wrap:nth-child(2) {
    color: #999
}

.teacher-new .header-top .head-comment p {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px
}

.teacher-new .header-top .avatar-wrap {
    width: 100%;
    padding-top: .333333rem
}

.teacher-new .header-top .avatar-wrap .price {
    color: #f60
}

.teacher-new .header-top .avatar-wrap .l {
    width: 3.94667rem;
    height: 100%;
    float: left
}

.teacher-new .header-top .avatar-wrap .l .avatar {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.teacher-new .header-top .avatar-wrap .l .avatar .count {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    border-radius: .18rem;
    height: .4rem;
    font-size: 12px;
    line-height: .4rem;
    vertical-align: middle;
    padding-left: .133333rem;
    padding-right: .133333rem;
    right: .55rem;
    bottom: .15rem;
    min-width: .666667rem;
    text-align: center;
    color: #fff
}

.teacher-new .header-top .avatar-wrap .l img {
    width: 3.06667rem;
    height: 3.06667rem;
    display: block;
    border-radius: .266667rem
}

.teacher-new .header-top .avatar-wrap .star-wrap {
    width: 2.13333rem;
    height: .533333rem;
    line-height: .533333rem;
    margin-right: .133333rem
}

.teacher-new .header-top .avatar-wrap .star-wrap .half-mask {
    position: absolute;
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: 0 -2.01333rem;
    background-size: 5.73333rem 5.30667rem;
    width: 2.13333rem;
    height: .533333rem
}

.teacher-new .header-top .avatar-wrap .star-wrap .abs {
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/star_full.10db2ba6bde3e96c928edc130d034803.png) no-repeat;
    background-size: auto 100%;
    height: .533333rem
}

.teacher-new .header-top .avatar-wrap .r {
    margin-left: 3.94667rem;
    margin-top: .266667rem;
    height: 100%
}

.teacher-new .header-top .avatar-wrap .r h2 {
    font-size: 18px;
    line-height: 28px;
    height: 28px;
    color: #333;
    overflow: hidden
}

.teacher-new .header-top .avatar-wrap .r h2 .fl {
    max-width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
    line-height: 28px
}

.teacher-new .header-top .avatar-wrap .r h2 .is_trm {
    padding-left: 75px;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/590/icon_trm.0a537858de63ae81c49f12b5b18ad999.png) no-repeat;
    background-size: auto 16px;
    background-position: 0
}

.teacher-new .header-top .avatar-wrap .r h2 .is_trmt {
    padding-left: 76px;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/590/icon_trmt.4ca4cf1be0769379f340a5877f769899.png) no-repeat;
    background-size: auto 16px;
    background-position: 0
}

.teacher-new .header-top .avatar-wrap .r h2 .icon {
    position: absolute;
    width: .4rem;
    height: .4rem;
    margin-left: .133333rem
}

.teacher-new .header-top .avatar-wrap .r h2 .male {
    height: 28px
}

.teacher-new .header-top .avatar-wrap .r h2 .male em {
    position: absolute;
    top: 50%;
    width: .293333rem;
    height: .373333rem;
    margin-top: -.186667rem;
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -5.41333rem -1.65333rem;
    background-size: 5.73333rem 5.30667rem
}

.teacher-new .header-top .avatar-wrap .r h2 .female {
    height: 28px
}

.teacher-new .header-top .avatar-wrap .r h2 .female em {
    position: absolute;
    top: 50%;
    width: .293333rem;
    height: .373333rem;
    margin-top: -.186667rem;
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -5.41333rem -.88rem;
    background-size: 5.73333rem 5.30667rem
}

.teacher-new .header-top .avatar-wrap .r p {
    line-height: .6rem;
    vertical-align: middle
}

.teacher-new .header-top .avatar-wrap .r .seperate {
    margin-right: .13333rem
}

.top-fixed-wrap {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 15
}

.top-fixed-wrap .return-icon-wrap {
    background: #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    height: 1.2rem;
    line-height: 1.2rem;
    width: 100%;
    position: relative
}

.top-fixed-wrap .return-icon-wrap.bg {
    border-bottom: 1px solid #e6e6e6
}

.top-fixed-wrap .return-icon-wrap .icon-wrap .icon-back > div {
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -5.41333rem 0;
    background-size: 5.73333rem 5.30667rem
}

.top-fixed-wrap .return-icon-wrap .icon-right-wrap .icon-star > div {
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: -4.08rem -1.33333rem;
    background-size: 5.73333rem 5.30667rem;
    width: .8rem;
    height: .8rem
}

.top-fixed-wrap .return-icon-wrap .icon-right-wrap {
    position: absolute;
    height: 100%;
    width: .426667rem;
    top: 0;
    right: 0
}

.top-fixed-wrap .return-icon-wrap .icon-right-wrap .icon-star {
    width: .76rem;
    height: .76rem;
    position: absolute;
    top: 50%;
    margin-top: -.4rem;
    right: .333333rem
}

.top-fixed-wrap .return-icon-wrap .icon-right-wrap .icon-star.active > div {
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/icon_teacher_yishoucang.efa7b4233370656ea7c28e747576a865.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.top-fixed-wrap .return-icon-wrap .nick-slide {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: center;
    vertical-align: middle;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-fixed-wrap .icon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 100%
}

.top-fixed-wrap .icon-wrap .icon-back {
    width: .32rem;
    height: .8rem;
    left: 50%;
    top: 50%;
    margin-top: -.4rem;
    margin-left: -.16rem;
    position: relative
}

.top-fixed-wrap .icon-wrap .icon-back > div {
    width: 100%;
    height: .48rem;
    top: 50%;
    margin-top: -.24rem;
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/sprite/m_teacher.39b3905d811bccde91a17acef49be93e.png) no-repeat;
    background-size: 16.92rem 13.2133rem;
    background-position: -5.26667rem -11.2667rem
}

.top-fixed-wrap .banner-download {
    display: block
}

.banner-download {
    width: 100%;
    height: 1.33333rem;
    background: url(https://static.changingedu.com/static/assets/common/images/download/downloadnew.99f9db8fc26069f983ca5a6ff8dc4207.jpg) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10
}

.banner-download.teacher_download {
    background-image: url(https://static.changingedu.com/static/assets/common/images/download/teacher_download.0eda31933d0a725d8a57a46090b22164.jpg);
    height: 1.18667rem
}

.banner-download.is_bottom {
    top: auto;
    bottom: 0
}

.banner-download.is_static {
    position: static
}

.banner-download .banner-close {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url(https://static.changingedu.com/static/assets/common/images/download/h5_download_close.49c4fff0e1948bccbdfcb2996f5d1218.png) no-repeat;
    background-size: .666667rem .666667rem;
    background-position: 100% 0
}

.max_top {
    position: fixed !important;
    left: 0;
    top: 0;
    z-index: 10
}

.teacher_new_head {
    width: 100%
}

.teacher_new_head .top_video_wrap {
    width: 100%;
    height: 5.66667rem;
    background: #f0f0f0
}

.teacher_new_head .top_video_wrap .swiper-slide {
    background: #f0f0f0
}

.teacher_new_head .top_video_wrap .media_channel {
    position: absolute;
    left: .333333rem;
    bottom: 7px;
    color: #fff;
    font-size: 15px;
    z-index: 2
}

.teacher_new_head .top_video_wrap.swiper-container {
    z-index: 10
}

.teacher_new_head .top_video_wrap .source_type {
    position: absolute;
    right: .333333rem;
    bottom: 10px;
    z-index: 2;
    width: 81px;
    height: 15px
}

.teacher_new_head .top_video_wrap .source_type.official_icon {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_officialon.9bd5640efd17a17d8230e8f9f7e1ba4c.png);
    background-size: 100% 100%
}

.teacher_new_head .top_video_wrap .source_type.personal_icon {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_personal.5753e25df29d13dd9e230c8538fb933f.png);
    background-size: 100% 100%
}

.teacher_new_head .top_video_wrap .swiper-pagination.count-page {
    height: 28px;
    bottom: 7px
}

.teacher_new_head .top_video_wrap .swiper-pagination-bullet {
    background: #ededee;
    opacity: .8
}

.teacher_new_head .top_video_wrap .swiper-pagination-bullet-active {
    background: #fff;
    opacity: .9
}

.teacher_new_head .top_video_wrap .swiper_more {
    position: absolute;
    width: 1.6rem;
    height: 100%;
    right: -1.6rem;
    top: 0;
    background: #f0f0f0
}

.teacher_new_head .top_video_wrap .icon_wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    float: left;
    width: .373333rem;
    height: 100%;
    margin-left: .266667rem
}

.teacher_new_head .top_video_wrap .icon_wrap .revert_icon {
    width: .373333rem;
    height: .373333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_study_album_loose@2x.879483b06f5b1676dd62370dcea2d3f8.png) no-repeat;
    background-size: 100% 100%
}

.teacher_new_head .top_video_wrap .txt_wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: .266667rem;
    float: left;
    color: #b0b0b0;
    width: 16px;
    height: 100%;
    font-size: 14px;
    line-height: 1.2
}

.teacher_new_head .t_normal {
    padding-top: .333333rem;
    padding-left: .333333rem
}

.teacher_new_head .t_normal .swiper-container {
    z-index: 10
}

.teacher_new_head .t_normal .item {
    width: 2.33333rem;
    height: 2.33333rem;
    overflow: hidden;
    margin-right: .333333rem;
    border-radius: 5px;
    background: #fff
}

.teacher_new_head .t_normal .item img {
    width: 100%;
    height: auto;
    border-radius: 5px
}

.teacher_new_head .t_normal .swiper_more {
    background: #f0f0f0;
    padding-right: .333333rem;
    height: 2.33333rem;
    width: 2rem
}

.teacher_new_head .t_normal .swiper_more .icon_wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    float: left;
    width: .373333rem;
    height: 100%;
    margin-left: .266667rem
}

.teacher_new_head .t_normal .swiper_more .icon_wrap .revert_icon {
    width: .373333rem;
    height: .373333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_study_album_loose@2x.879483b06f5b1676dd62370dcea2d3f8.png) no-repeat;
    background-size: 100% 100%
}

.teacher_new_head .t_normal .swiper_more .txt_wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: .266667rem;
    float: left;
    color: #b0b0b0;
    width: 16px;
    height: 100%;
    font-size: 14px;
    line-height: 1.2
}

.teacher_new_head .t_normal .swiper-wrapper {
    width: 2000%
}

.teacher_new_head .mtR5 {
    margin-top: .0666667rem
}

.teacher_new_head .mlR10 {
    margin-left: .133333rem
}

.teacher_new_head .mrR10 {
    margin-right: .133333rem
}

.teacher_new_head .t_card {
    padding-top: .333333rem;
    padding-left: .333333rem;
    padding-right: .333333rem;
    background: #fff
}

.teacher_new_head .t_card h2 {
    font-size: 16px;
    color: #333;
    max-width: 85%;
    line-height: .44rem;
    vertical-align: top
}

.teacher_new_head .t_card .css_nick.is_trm {
    padding-left: 75px;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/590/icon_trm.0a537858de63ae81c49f12b5b18ad999.png) no-repeat;
    background-size: auto 16px;
    background-position: 0
}

.teacher_new_head .t_card .css_nick.is_trmt {
    padding-left: 76px;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/590/icon_trmt.4ca4cf1be0769379f340a5877f769899.png) no-repeat;
    background-size: auto 16px;
    background-position: 0
}

.teacher_new_head .t_card p {
    color: #666;
    font-size: 12px
}

.teacher_new_head .t_card p span {
    color: #e6e6e6;
    margin-left: 5px;
    margin-right: 5px
}

.teacher_new_head .t_card .price_info {
    position: absolute;
    right: .333333rem;
    top: .3rem;
    color: #f60;
    font-size: 16px
}

.teacher_new_head .t_card .price_info span {
    font-size: 14px
}

.teacher_new_head .price-wrap {
    height: .5rem
}

.teacher_new_head .video_icon {
    background: #fff;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_video_play@2x.66fb4c53070eb80904f8fad07fde77c1.png);
    background-size: 100% 100%
}

.teacher_new_head .audio_icon_big, .teacher_new_head .video_icon {
    width: 1.38667rem;
    height: 1.38667rem;
    left: 50%;
    top: 50%;
    margin-left: -.693333rem;
    margin-top: -.693333rem;
    position: absolute;
    z-index: 2
}

.teacher_new_head .audio_icon_big {
    background: #fff;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_radio_play_small@2x.909f28f488d01919c77119be5c838f3a.png);
    background-size: 100% 100%
}

.teacher_new_head .audio_icon {
    width: .693333rem;
    height: .693333rem;
    left: 50%;
    top: 50%;
    margin-left: -.346667rem;
    margin-top: -.346667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_radio_play_small@2x.909f28f488d01919c77119be5c838f3a.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 2
}

.teacher_new_head .star-wrap {
    width: 2.13333rem;
    height: .533333rem;
    line-height: .533333rem;
    margin-right: .133333rem;
    position: relative;
    top: -2px;
    left: -2px
}

.teacher_new_head .star-wrap .half-mask {
    position: absolute;
    background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/teacher_main.b582410083c6275fec5e27291b6c2795.png);
    background-position: 0 -2.01333rem;
    background-size: 5.73333rem 5.30667rem;
    width: 2.13333rem;
    height: .533333rem
}

.teacher_new_head .star-wrap .abs {
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/star_full.10db2ba6bde3e96c928edc130d034803.png) no-repeat;
    background-size: auto 100%;
    height: .533333rem
}

.teacher_new_head .l {
    float: left;
    overflow: hidden;
    width: 1.33333rem;
    height: 1.33333rem
}

.teacher_new_head .l img {
    border-radius: 5px;
    width: 100%;
    height: auto
}

.teacher_new_head .r {
    margin-left: 1.55rem
}

@keyframes main_audio_animate {
    0% {
        background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_radio_play_1.25c6828c7f7f48503f650c786a20d9aa.png)
    }
    to {
        background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_radio_play_2.fefd86faa344eb0f837f999f76e34ece.png)
    }
}

@-webkit-keyframes main_audio_animate {
    0% {
        background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_radio_play_1.25c6828c7f7f48503f650c786a20d9aa.png)
    }
    to {
        background-image: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_radio_play_2.fefd86faa344eb0f837f999f76e34ece.png)
    }
}

.main_audio_animate {
    animation-name: main_audio_animate
}

.infinite {
    animation-iteration-count: infinite
}

.page_video {
    width: 100%;
    height: 100%;
    background: #000
}

.page_video .video_wrap {
    width: 100%;
    height: 5.66667rem
}

.page_video .gif_wrap, .page_video .video_wrap {
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.page_video .gif_wrap {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.page_video video {
    width: 100%;
    height: 5.66667rem;
    position: absolute;
    left: 0;
    top: 0
}

.pic_list_new {
    background: #fff
}

.pic_list_new .pad_h {
    padding-left: .333333rem;
    padding-right: .333333rem
}

.pic_list_new .c_title {
    padding-top: .333333rem;
    padding-bottom: .333333rem;
    font-size: 14px;
    color: #333
}

.pic_list_new .video_icon {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_video_play@2x.66fb4c53070eb80904f8fad07fde77c1.png);
    background-size: 100% 100%
}

.pic_list_new .audio_icon, .pic_list_new .video_icon {
    width: .693333rem;
    height: .693333rem;
    left: 50%;
    top: 50%;
    margin-left: -.346667rem;
    margin-top: -.346667rem;
    position: absolute
}

.pic_list_new .audio_icon {
    background: red;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_radio_play_small@2x.909f28f488d01919c77119be5c838f3a.png);
    background-size: 100% 100%
}

.pic_list_new .source_type {
    position: absolute;
    left: .133333rem;
    bottom: 10px;
    z-index: 2;
    width: 81px;
    height: 15px
}

.pic_list_new .source_type.official_icon {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_officialon.9bd5640efd17a17d8230e8f9f7e1ba4c.png);
    background-size: 100% 100%
}

.pic_list_new .source_type.personal_icon {
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/main/icon_teacher_personal.5753e25df29d13dd9e230c8538fb933f.png);
    background-size: 100% 100%
}

.pic_list_new .item_wrap .item:nth-child(2n) {
    float: right
}

.pic_list_new .item_wrap .item:nth-child(odd) {
    float: left
}

.pic_list_new .item_wrap .item {
    width: 4.53333rem;
    margin-bottom: .333333rem
}

.pic_list_new .item_wrap .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 34px;
    color: #666;
    margin-top: .2rem
}

.pic_list_new .item_wrap .img_count {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    height: 16px;
    line-height: 15px;
    vertical-align: middle;
    text-align: center;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    left: .106667rem;
    bottom: .16rem;
    color: #fff;
    border-radius: 5px
}

.pic_list_new .item_wrap .img_item {
    width: 100%;
    height: 2.66667rem;
    overflow: hidden;
    border-radius: 5px
}

.pic_list_new .item_wrap .img_item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px
}

.pic_list_new .pic_item_wrap {
    width: 100%;
    padding-left: .333333rem
}

.pic_list_new .pic_item_wrap .item {
    float: left;
    width: 2.90667rem;
    height: 2.90667rem;
    border-radius: 5px;
    margin-right: .333333rem;
    overflow: hidden;
    margin-bottom: .333333rem
}

.pic_list_new .pic_item_wrap .item img {
    width: 100%;
    height: auto
}

.pic_list_new .pic_item_wrap .item:nth-child(3n) {
    margin-right: 0
}

.teacher-new .bdb {
    border-bottom: 1px solid #e6e6e6
}

.teacher-new .bdt {
    border-top: 1px solid #e6e6e6
}

.teacher-new .buy_lession_ui {
    font-size: 14px;

    background: #fff
}

.teacher-new .buy_lession_ui .pad_h {
    padding-left: .333333rem;
    padding-right: .333333rem
}

.teacher-new .buy_lession_ui .pad_v {
    padding-top: .266667rem;
    padding-bottom: .266667rem
}

.teacher-new .buy_lession_ui .l {
    float: left;
    width: .48rem;
    height: .48rem
}

.teacher-new .buy_lession_ui .top_pad {
    padding-right: 2.4rem
}

.teacher-new .buy_lession_ui .icon_free_audition {
    position: absolute;
    margin-left: .16rem;
    width: 1.46667rem;
    height: .4rem;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/icon_teacherhomepage_mfst@2x.042740b13135759640fa799c49e4e8de.png) no-repeat;
    background-size: 100% 100%;
    margin-top: .12rem
}

.teacher-new .buy_lession_ui .obo_icon {
    width: .48rem;
    height: .48rem;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/online.6e6dec47048f531832af3664ab210b57.png) no-repeat;
    background-size: 100% 100%;
    margin-top: .333333rem;
    position: relative
}
.teacher-new .buy_lession_ui .obo_icon1{
    width: .48rem;
    height: .48rem;
    background: url("http://pic76.nipic.com/file/20150828/20866930_101337898650_2.jpg");
    background-size: 100% 100%;
    margin-top: .333333rem;
    position: relative
}

.teacher-new .buy_lession_ui .pyt_icon {
    width: .48rem;
    height: .48rem;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/pengyoutuan.41125cf20cf64c3599ecbc039912be66.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: .08rem
}

.teacher-new .buy_lession_ui .olc_icon {
    width: .48rem;
    height: .48rem;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/online.6e6dec47048f531832af3664ab210b57.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: .08rem
}

.teacher-new .buy_lession_ui .other_wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.teacher-new .buy_lession_ui .other_wrap > div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: .666667rem;
    padding-left: .333333rem
}

.teacher-new .buy_lession_ui .other_wrap > div:nth-child(2) {
    border-left: 1px solid #e6e6e6
}

.teacher-new .buy_lession_ui .other_wrap .arrow_wrap {
    position: absolute;
    right: .333333rem;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.teacher-new .buy_lession_ui .other_wrap .arrow_wrap > div {
    width: .146667rem;
    height: .266667rem;
    background: url(https://static.changingedu.com/static/assets/common/images/arrow/icon_teacher_arrow_999@3x.276e7b6ecb9e02713e34213bf4a37f72.png) no-repeat;
    background-size: 100% 100%
}

.teacher-new .buy_lession_ui .r {
    margin-left: .68rem
}

.teacher-new .buy_lession_ui h3 {
    margin: 0;
    vertical-align: middle;
    color: #333;
    font-size: 14px;
    line-height: .64rem
}

.teacher-new .buy_lession_ui p {
    margin: 0;
    font-size: 14px;
    color: #999;
    line-height: .64rem
}

.teacher-new .buy_lession_ui > div:nth-child(2) {
    border-top: 1px solid #e6e6e6
}

.teacher-new .buy_lession_ui .buy_btn {
    position: absolute;
    height: 100%;
    right: .333333rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.teacher-new .buy_lession_ui .buy_btn > div {
    width: 1.66667rem;
    min-width: 80px;
    padding-top: .106667rem;
    padding-bottom: .106667rem;
    text-align: center;
    vertical-align: middle;
    background: #f60;
    color: #fff;
    border-radius: 5px
}

.live_order_page {
    background: #fff;
    line-height: 2;
    font-size: 14px;
    height: 100%;
    width: 100%
}

.live_order_page .live_top {
    width: 100%;
    height: 5rem
}

.live_order_page .live_top img {
    width: 100%;
    height: auto
}

.live_order_page .common_pad {
    padding-top: 1.4rem
}

.live_order_page .pad_25 {
    padding: .333333rem
}

.live_order_page .info {
    padding-bottom: 1rem
}

.live_order_page p {
    margin: 0
}

.live_order_page h2 {
    margin: 0;
    color: #23cd77;
    font-size: 14px;
    font-weight: 700
}

.live_order_page .item_wrap {
    padding-bottom: .8rem
}

.live_order_page .title {
    color: #333
}

.live_order_page .title span {
    display: inline-block;
    height: .4rem;
    line-height: .5rem;
    padding-left: .32rem;
    border-left: 2px solid #23cd77
}

.live_order_page .item {
    padding-top: .333333rem
}

.live_order_page .desc {
    padding-left: .32rem;
    color: #666;
    line-height: 1.4
}

.live_order_page .free_audition_link {
    color: #23cd77;
    line-height: 1;
    text-align: center;
    width: 100%
}

.tuike_notice.common_pad {
    padding-top: 1.4rem
}

.teacher-new .off_comments_wrap {
    padding: .266667rem .333333rem .4rem;
    background: #fff
}

.teacher-new .off_comments_wrap .t {
    width: 100%;
    height: .866667rem;
    line-height: .866667rem;
    vertical-align: middle
}

.teacher-new .off_comments_wrap .logo {
    width: .866667rem;
    height: .866667rem;
    float: left;
    background: url(https://static.changingedu.com/static/assets/static/student/teachermsgnew/images/icon_teacherpage_changing@2x.63ce82ea1dbae7c4859177d9a9c910ee.png);
    background-size: 100% 100%
}

.teacher-new .off_comments_wrap .r {
    color: #555;
    font-size: 16px;
    font-weight: 700;
    margin-left: 1rem
}

.teacher-new .off_comments_wrap .b {
    line-height: 23px;
    vertical-align: bottom;
    color: #999
}

.teacher-new .off_comments_wrap .b.maxline3 {
    height: 69px;
    overflow: hidden;
    position: relative
}

.teacher-new .off_comments_wrap .b.maxline3 .fake_ellipsis {
    display: block
}

.teacher-new .off_comments_wrap .b .fake_ellipsis {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 25px;
    vertical-align: middle;
    width: 15px;
    background: #fff
}

.teacher-new .off_comments_wrap .icon_more {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.teacher-new .off_comments_wrap .icon_more.v_rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

.teacher-new .off_comments_wrap .expand-info {
    position: absolute;
    right: .333333rem;
    top: 0;
    height: .866667rem;
    line-height: .866667rem;
    font-size: 14px;
    color: #999
}

.teacher-new .off_comments_wrap_new {
    padding: .3rem .72rem .333333rem .333333rem;
    font-size: 14px;
    background: #fff;
    color: #999;
    line-height: 22px;
    vertical-align: top
}

.teacher-new .off_comments_wrap_new span {
    color: #333
}

.teacher-new .off_comments_wrap_new.bdt1 {
    border-top: 1px solid #f0f0f0
}

.teacher-new .off_comments_wrap_new .icon_more {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.teacher-new .off_comments_wrap_new .icon_more.v_rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

.teacher-new .off_comments_wrap_new .expand-info {
    position: absolute;
    right: 0;
    top: .32rem;
    width: .72rem;
    height: .5rem;
    line-height: .5rem;
    font-size: 14px;
    color: #999
}

.teacher-new .off_comments_wrap_new .l {
    width: .346667rem;
    height: .346667rem;
    float: left;
    background: url(https://static.changingedu.com/static/assets/common/images/teacher/icon_teacherpage_tj@2x.71657adc9285317f8649f283aad31245.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 5px
}

.teacher-new .off_comments_wrap_new .r {
    margin-left: .45rem;
    word-break: break-all;
    line-height: 22px
}

.teacher-new .off_comments_wrap_new .r.maxline3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}